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

OptionOverrideTypeDetails
fromMandatoryIntegerLímite inferior del control
toMandatoryIntegerLímite superior del control
stepOptionalIntegerDefault : 1cantidad de incremento en cada paso
scaleOptionalArrayArray que contiene etiquetas que se muestran debajo del control
showLabelsOptionalBooleanSi desea ocultar la etiqueta que se muestran en la parte superior del control
formatOptionalString / FunctionEste se utiliza para mostrar la etiqueta en el puntero, String :% s se sustituye por su valor, por ejemplo, “% s días”.
widthOptionalIntegerDefault : 300
themeOptionalStringDefault : “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.
isRangeOptionalBooleanDefault : 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”
onstatechangeOptionalFunctionEsta 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...