jSpinner demo
- Mouse wheel: add/subtract;
- Up button: add;
- Down button: subtract ;
- Left click: add ;
- Right click: subtract ;
- CTRL+click: subtract ;
The code:
<![CDATA[
<html><head>
<script src="prototype-1.6.js"></script>
<script src="jPrototype.js"></script>
<script src="jMouse.js"></script>
<script src="jSpinner.js"></script>
<link rel="stylesheet" href="jSpinner.css">
</head><body>
<form id="f" name="f">
<div style="width:200px;">
<label class="label" for="forza" style="float:left;width:100px;">QUANTITY:</label>
<input id="forza" class="jSpinner" style="width:30px;" value="0">
</div>
</form>
<script>
jSpinner.create("forza",{
min:0,
max:10,
step:0.5
});
</script>
</body></html>
]]>