Control deslizante de rango mínimo en Vanilla JavaScript-gRanger
| Autor: | lunegov |
|---|---|
| Views Total: | 1,971 |
| Sitio oficial: | Ir a la web |
| Actualizado: | January 15, 2018 |
| Licencia: | MIT |
Vista prévia
Descripción
gRanger. js es un plugin de JavaScript muy pequeño para generar un control deslizante de Range para campos de entrada min/max.
Funcionamiento
Cree un contenedor deslizante junto a los campos de entrada Min/Max como se indica a continuación:
<input type="text" value="10" id="min"> <input type="text" value="100" id="max"> <div class="g-ranger" id="range"></div>
Importa el JavaScript y la hoja de estilo de gRanger en la página.
<link rel="stylesheet" href="css/gRanger.min.css"> <script src="js/gRanger.min.js" defer></script>
Inicializar el control deslizante de rango.
new gRanger('#range', '#min', '#max'); Establezca el tamaño del paso en cada arrastre & mover.
new gRanger('#range', '#min', '#max', stepSize);
