Después de varios días sin postear por tener mucho trabajo, vuelvo a escribir, y saben postear y trabajar es complicado, creo que debería dejar de trabajar y dedicarme ha escribir post’s 
.
Vía Hotajax(un blog bastante interesante sobre Ajax), me acabo de enterar de un importante plugin para que podamos mejorar bastante nuestras listas desplegables.
Esta funcionalidad nos permite generar submenus desplegables desde un combobox, osea elegir y desde ahí volver a elegir otra opción, además de que todo esto lo guarda en un “historial” para saber donde andamos, les pongo una imagen para que vean a lo que me refiero.
Para hacer uso de este plugin vamos a necesitar descargarnos mcdropdown, el cual ya trae todos los script necesarios para que funcione.
Codigo despues del salto
< !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Giva Labs - mcDropdown jQuery Plug-in | Giva</title>
<!-- Llamamos a los scripts que vamos a ocupar //-->
<script type="text/javascript" src="./lib/jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="./lib/jquery.mcdropdown.min.js"></script>
<script type="text/javascript" src="./lib/jquery.bgiframe.js"></script>
<!--Tambien llamamos a el css que necesitaremos //-->
<link type="text/css" href="./css/jquery.mcdropdown.min.css" rel="stylesheet" media="all" />
<script type="text/javascript">
<!--//
// on DOM ready
//este es el codigo que funcionara con jquery y mcdropdown
$(document).ready(function (){
$("#current_rev").html("v"+$.mcDropdown.version);
$("#category").mcDropdown("#categorymenu");
});
//-->
</script>
</head>
<body>
<h3 id="example">Example</h3>
<!--// El codigo de ejemplo, es un iput y una lista //-->
<p>
Please select a category:<br />
<input type="text" name="category" id="category" value="" />
</p>
<ul id="categorymenu" class="mcdropdown_menu">
<li rel="1">
Arts & Humanities
<ul>
<li rel="2">
Photography
<ul>
<li rel="3">
3D </li>
<li rel="4">
Digital </li>
</ul>
</li>
<li rel="5">
History </li>
<li rel="6">
Literature </li>
</ul>
</li>
<li rel="7">
Business & Economy </li>
<li rel="8">
Computers & Internet </li>
<li rel="9">
Education </li>
<li rel="11">
Entertainment
<ul>
<li rel="12">
Movies </li>
<li rel="13">
TV Shows </li>
<li rel="14">
Music </li>
<li rel="15">
Humor </li>
</ul>
</li>
<li rel="10">
Health </li>
</ul>
<!--//Fin del codigo de ejemplo //-->
</body>
</html>
Vía | http://www.givainc.com/labs/mcdropdown_jquery_plugin.htm
Y ejemplo vía | Example mcDropdown
Related posts:
- [Google-Ajax] Google Ajax Libraries API, La gran biblioteca de Librerias Ajax Leyendo el blog de Andrés Nieto veo una nueva iniciativa...
- Boton atras con ajax, usando Jquery y JqueryHistory Cuando empezamos con ajax, nos encontramos algunos problemas, que pueden...
- [Ajax] Comparacion de librerias Jquery y Prototype Seguramente muchos hemos usado alguno libreria Ajax ó JS, para...
- [Javascript] Menú deslizante usando Jquery El seraphinux ultimamente le ha dado por escribir mas que...
- [Jquery-Plugin]Sparklines, creado graficas con Jquery Leo una interesante entrada de Andrés Nieto sobre un plugin...
Related posts brought to you by Yet Another Related Posts Plugin.
Comentar