Color Picker... un selector de colores con jQuery

Escrito por: Martín el 27-04-2010 07:27:04 y leído 603 veces

Este plugin es un tanto antiguo, pero como es la primera vez que lo necesito y aplico en una web, me pareció interesante compartirlo, sobre todo por la facilidad que tiene para ser usado.

En mi caso, lo utilizo para que el cliente pueda elegir el color que tendrá por CSS determinadas familias de productos y así cambiar el color según las familias.

Su implementación es muy simple. Sólo agregar el js y un css (además de jQuery, claro está).

Luego, su funcionamiento es muy simple, una caja de texto para recibir el valor y al hacer click sobre ella, saldrá un bonito selector de colores como el de la foto más arriba.

¿Una demo? Mírate la web de su creador. No hay demasiado para mostrar, solo personalizaciones de las paletas en CSS.

Código XHTML

<link rel="stylesheet" media="screen" type="text/css" href="css/colorpicker.css" />
<script type="text/javascript" src="js/colorpicker.js"></script>

Código JAVASCRIPT

 $('input').ColorPicker(options);

Categorías: Selector De Color • Jquery • Picker • •

Artículos relacionados:

• 20 plugins para jQuery que no pueden faltar en tus webs
• Excelente listado de 240 plugins para jquery
• Menú o barra lateral (sidebar) siempre visible con scroll y jQuery
• jQuery Validate: la rápida validación de formularios.
• Formularios web con jQuery Validate y envío por phpmailer y gmail
• Calendario en PHP con eventos, jQuery y vTip
• 18 plugins jquery que no pueden faltar en tu web parte 2

100 Búsquedas de este artículo:

colores jquery • jquery color • color jquery • colores con jquery • SELECTOR DE COLOr jquery • jquery colores • jquery color selector • selector de colores jquery • selector de color css • color picker jquery • color selector jquery • leyenda colores jquery • jquery selectro colores • jquery select color • elegir color jquery • selector de colores simple jquery • selector de colores css • selector de colores as3 • jquery elegir colores • selector de colores css de acuerdo al • elegir colores css • simple color picker jquery gmail • jquery color celeste • agregar colores jquery • tabla de colores • selector de colores jquery demostracion • color desde jquery • colorpicker jquery php • colores de jquery • colores en jquery • selector color jquery • jquey color • jquery color picker php • como hacer un selector de colores jQuery • color picker selector plugin • color jqueyr • selector de colores con jquery • jquery color picker • selector color imagenes javascript • jquery gris color • selector de color php • como hacer un selector de color en php • colorpicker jquery • como hago un color picker as3 • como poner Color Picker en mi web • calendarios en javascript picker jquery • color picker css • as3 color selector • jquery colors •