prototype implementation jQery-spinbutton: http://www.softwareunity.com/sandbox/jqueryspinbtn/ (based on v1.3a)

Require

prototype ver min 1.6 (tested on v 1.6.0.2)

Features

• click/press on inline img (as up/down button)
• keys: UP/DOWN PageUP/PageDOWN
• mouse scroll
• reaction on pasate

• min/max value
• step/page
• delay/interval - behavior for onKeyPress

Example

Download

http://prototype-spin-button.googlecode.com/files/prototype-spin-button_v1.1.zip

Usage

     
     <script src="spinbutton.js" type="text/javascript"></script>
     <style type="text/css">
        input.spin-button {
          padding-right:20px;		
          width:35px;
          background-color:white;
          background-repeat:no-repeat;	
          background-position:100% 0%;
          background-image:url(images/spinbtn_updn.gif);
        }
        
        input.spin-button.up {
          cursor:pointer;
          background-position:100% -18px;		
        }
        input.spin-button.down {
          cursor:pointer;
          background-position:100% -36px;
        }
     </style>
     
     <script type="text/javascript">
       new SpinButton($('elementid'),{min:-1, max:131});
     </script>

Similar project

http://kendsnyder.com/sandbox/Spinner/ (require 3 HTML elemts)