domingo, 10 de febrero de 2013

Tabla de colores con slider Jquery UI


slider es una de esas utilidades de Jquery UI que puede tener múltiples usos, un slider es un barra con un eje desplazable el cual según su posición devuelve un valor comprendido entre un mínimo y un máximo. Prueba de ello es el ejemplo de este post, en el cual se asigna un valor entre 0 y 255 a cada uno de los sliders, representando cada uno, los colores que componen el modelo RGB rojo, verde y azul, que posteriormente serán transformados cada uno de ellos a hexadecimal a través de color.toString(16), que unidos dan como resultado el valor hexadecimal de la mezcla de los tres colores, que serán agregados al CSS de la tableta y a un campo de texto donde se muestra el valor hexadecimal del color resultante.

De este modo se pueden encontrar muchos más ejemplos en Jquery UI ...

- Multiple slider
- Range slider
- Slider scrollbar
- Vertical range slider


Simple Colorpicker JQUERY UI



CSS ... Javascript ... HTML ...

No hay comentarios: