Zustand
für das Gerät
Komponenten
Gehäuseform
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: [19.9, 2099], connect: true, range: { min: [19.9], max: [2099] } }); 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
für das Gerät
Komponenten
Gehäuseform
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: [19.9, 2099], connect: true, range: { min: [19.9], max: [2099] } }); 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

Unsere Partner

window.addEventListener?window.addEventListener("load",loadBadge,!1):window.attachEvent&&window.attachEvent("onload",loadBadge); function loadBadge(){ var myShopID = 20145; var myBadgetType = 4; var myLanguage = 'DE'; var mySrc = ('https:' === document.location.protocol ? 'https' : 'http'); createRBadge(myShopID, myBadgetType,mySrc);}

Newsletter für Gewerbekunden

Anmeldung

Der Newsletter kann jederzeit kostenlos abbestellt werden.

Zahlungsarten

Versandarten