Nová ukázka
Reset
Načíst z URL
Uložit a získat odkaz
Vztahuje se k…
Nevyplňujte
Napiště „nejsem robot“
▶
Přepnout zobrazení
Výsledek
<input type="text" value="0" id="pole" onmousewheel="kolecko(event, this, 0.1)"> <script>var pole = document.getElementById("pole");</script> <button onmousedown="nakladator(pole, 0.1)" onmouseup="stopNakladator()" onmouseout="stopNakladator()">+</button> <button onmousedown="nakladator(pole, -0.1)" onmouseup="stopNakladator()" onmouseout="stopNakladator()">−</button>
HTML
Autoformát
Standardní režim
Mobilní zobrazení
CSS
Autoformát
CSS reset
Až na konci
/* Zaokrouhlení */ function zaokrouhlit(cislo) { return (Math.round((cislo) * 10000) / 10000); } /* Převedení na číslo */ function val(value) { return value * 1; } /* Úprava kolečkem */ function kolecko(e, pole, kolik) { e = e || window.event; var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail))); nalozit(pole, delta * kolik); } // Firefox if (document.addEventListener) { document.getElementById("pole").addEventListener("DOMMouseScroll", function(event) { kolecko(event, this, 0.1); }, false); } function nalozit(kam, kolik) { kam.value = zaokrouhlit(val(kam.value) + kolik); } var casovacNakladatoru; var rychlost = puvodniRychlost = 300; function nakladator(kam, kolik) { nalozit(kam, kolik); casovacNakladatoru = setTimeout(function() { rychlost = rychlost * 0.9; nakladator(kam, kolik); }, rychlost) } function stopNakladator() { clearTimeout(casovacNakladatoru); rychlost = puvodniRychlost; }
J
ava
S
cript
Autoformát
jQuery
Umístění JS
window.onload
</head>
</body>