slider

=Slider=
 * http://jqueryui.com/demos/slider/

code format="html4strict"    code
 * Referencias CDN a los Scripts y CSSde jQuery y jQueryUI**
 * El color viene dado por el tema escogido, en este caso 'sunny'

code format="html4strict" $(document).ready(function {        $("#slider1").slider({ range: "min", min: 1, max: 300, value: 50, slide: function (event, ui) { $("#cajaTexto").val(ui.value); }       });        $("#slider1").slider("value", 100);                 //inicializo el slider a un nuevo valor        $("#cajaTexto").val($("#slider1").slider("value")); //inicializo la caja de texto con el valor del slider    });
 * Script de inicialización y Html**

Valor:  code
 * En este ejemplo el script de inicialización
 * Convierte el div seleccionado en un slider
 * Ponemos los valores de inicialización
 * le asociamos un evento cuando se mueve el gancho: modificamos la caja de texto con el valor
 * Podemos modificar el valor del gancho
 * Es necesario inicializar la caja de texto porque solo se dispara el evento con el ratón o las flechas, no por programa