facebook

John Alberto Parrado Gordillo

Crea tu insignia

jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List

jQuery Ajax tutorials, jQuery UI examples and more! - The Ultimate jQuery List: "- Enviado mediante la barra Google"

jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element | Filament Group, Inc., Boston, MA

jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element | Filament Group, Inc., Boston, MA: "- Enviado mediante la barra Google"

Sunday Morning : jQuery + Google Translation

Sunday Morning : jQuery + Google Translation: "- Enviado mediante la barra Google"

Introducción a PHPMailer | unijimpe

Introducción a PHPMailer | unijimpe: "PHPMailer

- Enviado mediante la barra Google"

Enviar E-Mails con PHP usando PHPMailer | WebLatam

Enviar E-Mails con PHP usando PHPMailer | WebLatam: "- Enviado mediante la barra Google"

Visual jQuery 1.1

Visual jQuery 1.1: "- Enviado mediante la barra Google"

jQuery Related Selects

jQuery Related Selects: "- Enviado mediante la barra Google"

jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer

jQuery MultiSelect Plugin/Widget with ThemeRoller Support | Eric Hynds - Website Developer: "- Enviado mediante la barra Google"

jQuery UI Multiselect

jQuery UI Multiselect: "- Enviado mediante la barra Google"

Los MultiSelect sirven para poder elegir varios items de un select, estos son muy complicados de utilizar debido a su facilidad de seleccionar y deseleccionar, para esto podemos utilizar este plugin de jQuery que nos permite incluso ordenar y filtrar items de un MultiSelect.

1. Incluir las librerías JavaScript y CSS

view plaincopy to clipboardprint

1. <link type="text/css" rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.7.2/themes/base/ui.all.css" />
2. <link type="text/css" href="css/ui.multiselect.css" rel="stylesheet" />
3. <script type="text/javascript" src="js/jquery-1.4.2.min.js">script>
4. <script type="text/javascript" src="js/jquery-ui-1.8.custom.min.js">script>
5. <script type="text/javascript" src="js/ui.multiselect.js">script>
6. <script type="text/javascript">
7. $(function(){
8. $.localise('ui-multiselect', {path: 'js/'});
9. $(".multiselect").multiselect();
10. });
11. script>

2. Estructura HTML

view plaincopy to clipboardprint

1. <select id="tags" name="tags[]" class="multiselect" multiple="multiple">
2. <option value="css">CSSoption>
3. <option value="php">PHPoption>
4. <option value="javascript">JavaScriptoption>
5. <option value="seo">SEOoption>
6. <option value="wordpress">WordPressoption>
7. <option value="socialmedia">SocialMediaoption>
8. select>

     CSS     PHP     JavaScript     SEO     WordPress     SocialMedia  

Esto es todo lo que necesitamos para nuestro demo.

slider ok!!