jQuery UI Multiselect Widget
Escrito por Martín Iglesias y leído 1,988 veces. Ver comentarios
15MAYO/2012
- Categorías:
- Jquery
- Jquery UI
- Select Múltiple
- Option
Este plugin o widget como lo llama su autor, se encarga de ponerle un aspecto muy pero muy (y no exagero) a los select multiple de html. Básicamente lo que hace es convertir la lista desplegable en un conjunto de checkboxes con opciones de seleccionar todos a la vez o ir seleccionando uno a uno con un simple click y sin necesidad de utilizar la tecla CTRL en Windows o OPTION (creo) en Mac.
Lo descubrí gracias a mi compañero Antonio -que no tiene ni twitter, ni web ni facebook- y de casualidad -en realidad por estar mirándole el source de una web que está desarrollando- y creí necesario compartirlo en mi web.
Tienes unas demostraciones online para ver de lo que hablo y su descarga también lo tienes en ese enlace.
¿Por qué se llama UI?
Porque necesitarás instalar en tu web, además de la librería jQuery, la librería jQuery UI, que extiende las funcionalidades de jQuery añadiendo elementos tales como, un selector de fechas, poder arrastrar objetos y muchos más, así que ya sabes, no te olvides de descargar la versión adecuada según la versión de jquery que utilices.
Configuración
Es muy configurable, tiene múltiples opciones y efectos que puedes aplicar fácilmente. Es configurable mediante el CSS de jQuery UI y aplicarlo en tu web no te llevará más de 3 o 4 líneas de código ya que en realidad, declararás tu select múltiple del modo habitual que harías, pero el js se encargará de reemplazarlo.
<select id="example" name="example" multiple="multiple"> <option value="1">Option 1</option> <option value="2">Option 2</option> <option value="3">Option 3</option> <option value="4">Option 4</option> <option value="5">Option 5</option> </select>
$(document).ready(function(){
$("#example").multiselect();
});Acerca del Autor:
Diseñador web freelance en Coruña Galicia | Martin Iglesias
Martín Iglesias, diseñador web freelance de A Coruña, especializado en maquetación css y desarrollo de páginas web a medida con más de 15 años de experiencia en el desarrollo de páginas web profesionales.
Si te ha gustado este artículo, por favor, ayúdame a difundirlo compartiéndolo con tus amigos y contactos en las distintas redes sociales que utilices. ¡Muchas gracias!
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.
- Calendario en PHP con eventos, jQuery y vTip
- Formularios web con jQuery Validate y envÃo por phpmailer y gmail
- 18 plugins jquery que no pueden faltar en tu web parte 2
Este artículo ha salido en un total de 93 búsquedas desde Google en sus 376 días de vida y ha sido visto 1,988 veces.
