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">
-
-
<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>
-
-
-
-
<h3 id="example">Example</h3>
-
<!--// El codigo de ejemplo, es un iput y una lista //-->
-
-
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
-
<li rel="2">
-
Photography
-
<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
-
<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


Leave a Reply