Zustand
Komponenten
Bildschirmdiagonale
Extras
Anschlüsse
Auflösung
Hersteller
Preisspanne
€
―
€
"use strict";
var keypressSlider = document.querySelector(".slider-keypress");
var input0 = document.querySelector(".input-with-keypress-0");
var input1 = document.querySelector(".input-with-keypress-1");
var inputs = [input0, input1];
noUiSlider.create(keypressSlider, {
start: [50.183, 469],
connect: true,
range: {
min: [50.183],
max: [469]
}
});
keypressSlider.noUiSlider.on("update", function(values, handle) {
inputs[handle].value = values[handle];
function setSliderHandle(i, value) {
var r = [null, null];
r[i] = value;
keypressSlider.noUiSlider.set(r);
}
inputs.forEach(function(input, handle) {
input.addEventListener("change", function() {
setSliderHandle(handle, this.value);
});
input.addEventListener("keydown", function(e) {
var values = keypressSlider.noUiSlider.get();
var value = Number(values[handle]);
var steps = keypressSlider.noUiSlider.steps();
var step = steps[handle];
var position;
switch (e.which) {
case 13: setSliderHandle(handle, this.value); break;
case 38: position = step[1]; if (position === false) { position = 1; } if (position !== null) {setSliderHandle(handle, value + position); } break;
case 40: position = step[0]; if (position === false) { position = 1; } if (position !== null) { setSliderHandle(handle, value - position); } break;
}
});
});
});
Zustand
Komponenten
Bildschirmdiagonale
Extras
Anschlüsse
Auflösung
Preisspanne
€
―
€
"use strict";
var keypressSlider = document.querySelector(".slider-keypress");
var input0 = document.querySelector(".input-with-keypress-0");
var input1 = document.querySelector(".input-with-keypress-1");
var inputs = [input0, input1];
noUiSlider.create(keypressSlider, {
start: [50.183, 469],
connect: true,
range: {
min: [50.183],
max: [469]
}
});
keypressSlider.noUiSlider.on("update", function(values, handle) {
inputs[handle].value = values[handle];
function setSliderHandle(i, value) {
var r = [null, null];
r[i] = value;
keypressSlider.noUiSlider.set(r);
}
inputs.forEach(function(input, handle) {
input.addEventListener("change", function() {
setSliderHandle(handle, this.value);
});
input.addEventListener("keydown", function(e) {
var values = keypressSlider.noUiSlider.get();
var value = Number(values[handle]);
var steps = keypressSlider.noUiSlider.steps();
var step = steps[handle];
var position;
switch (e.which) {
case 13: setSliderHandle(handle, this.value); break;
case 38: position = step[1]; if (position === false) { position = 1; } if (position !== null) {setSliderHandle(handle, value + position); } break;
case 40: position = step[0]; if (position === false) { position = 1; } if (position !== null) { setSliderHandle(handle, value - position); } break;
}
});
});
});
Hersteller
- ArtikelpaketLenovo ThinkVision LT2223zwC 22" LED Monitor 1920 x 1080 VGA HDMI DisplayPort WebCam schwarz50,18 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- SonderangebotLenovo ThinkVision T24i-10 24" LED Monitor FHD 1920 x 1080 16:9 VGA HDMI DP Pivot schwarz129,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketHP Z24i D7P53A4 24" LED IPS Monitor 1920 x 1200 DVI VGA DisplayPort USB-Hub79,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketHP Z24n K7B99A4 24" LED IPS Monitor 1920 x 1200 HDMI DVI DisplayPort USB3.0-Hubab 119,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketIIYAMA ProLite TF4338MSC-B2AG 43" Full-HD LED Monitor VGA, DVI, HDMI, DP, Audio schwarz TouchScreen239,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketDell P2419H 24" TFT Monitor Full-HD 1920 x 1080 VGA HDMI DisplayPort USB-Hubab 149,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketIIYAMA ProLite TF4637MSC-B2AG 46" (116,8cm) Full-HD LED Monitor VGA, DVI, HDMI, Audio schwarz "Touch"ab 469,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketLenovo ThinkVision T2424pA 24" LED Monitor FHD 1920 x 1080 16:9 VGA HDMI DP Pivot schwarzab 79,90 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketIIYAMA ProLite T2735MSC-B2 27" (68,6cm) Full-HD LED Monitor VGA, DVI, HDMI, Audio schwarz "Touch"ab 159,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten
- ArtikelpaketLenovo 03T8532 ThinkCentre 10DQD TINY-IN-ONE 23" LED Monitor Full-HD höhenverstellbar69,00 EUR ** inkl. ges. MwSt. zzgl. Versandkosten