Hola, siguiendo con los post sobre lo nuevo en jQuery UI 1.9, en este artículo vamos a revisar el widget spinner.

El spinner lo que hace es convertir un campo de texto en un NumericDropDown, un control con dos flechas para poder avanzar o retroceder valores numéricos.

En este ejemplo vamos a tener tres diferentes spinner:

· El primero con las opciones por default, el cual aumenta/disminuye su valor de 1 en 1.

· El segundo que aumenta/disminuye los valores de 5 en 5.

· El tercero q maneja valores decimales y el aumento/disminución del valor es cada 0.1

Lo primero vamos a crear tres controles para cada uno de los spinner:

1: <label>Seleccione [entero]:label> 2: <inputid="txtEntero"type="text"value="0"/> 3: <label>Seleccione [aumento de 5]:label> 4: <inputid="txtEntero5"type="text"value="0"/> 5: <label>Seleccione [decimal]:label> 6: <inputid="txtDecimal"type="text"value="0.0"/>

Luego las referencias a los archivos js necesarios:

1: <linkrel="Stylesheet"href="css/jquery.ui.all.css"/> 2: <scriptsrc="js/jquery-1.6.2.js">script> 3: 4: 5: 6: