jRange, una alternativa parar el campo range de html5

DESCARGA : jRange

jRange, una alternativa parar el campo range de html5, este plugin esta creado con la finalidad de darle un toque de presentación a los clásicos campos de range de html5, este plugin contiene opciones que permiten tener un control mucho más específico sobre un grupo de inputs tipo range, la implementación se lleva a cabo mediante el uso de los archivos js y  css integrados, cabe mencionar que el documento tiene que tener la inclusión del archivo jquery

Option Override Type Details
from Mandatory Integer Límite inferior del control
to Mandatory Integer Límite superior del control
step Optional Integer Default : 1cantidad de incremento en cada paso
scale Optional Array Array que contiene etiquetas que se muestran debajo del control
showLabels Optional Boolean Si desea ocultar la etiqueta que se muestran en la parte superior del control
format Optional String / Function Este se utiliza para mostrar la etiqueta en el puntero, String :% s se sustituye por su valor, por ejemplo, “% s días”.
width Optional Integer Default : 300
theme Optional String Default : “theme-green”Este es el nombre de la clase css añadido al contenedor. Temas disponibles son “tema-azul”, “tema verde”. También puedes agregar más temas.
isRange Optional Boolean Default : falseSi se trata de un selector de rango. Si es un rango del valor de la entrada oculta se establecerá separados por comas, por ejemplo, “25,75”
onstatechange Optional Function Esta función se llama cada vez que el valor se cambia por el usuario.

Puedes probar dicho plugin y comentarnos que te parece, aquí tienes un ejemplo funcionando:http://nitinhayaran.github.io/jRange/demo/ 

 

 

 

You may also like...