menuTípico elemento de levante para los diseñadores Web ha sido a lo largo de estos tiempos el clásico menú desplegable Javascript. Por qué digo elemento de levante?… Porque siempre tratamos de conseguir uno ya construido para luego poder personalizarlo y adaptarlo a nuestras necesidades. Lo dificultoso de esto muchas veces se da, cuando lo probamos en algunos navegadores y observamos que no funciona correctamente; esto hace que muchas veces nos resulte un tanto engorroso encontrar el adecuado. Por otra parte también podemos encontrar algunos que si bien funcionan, están generados por un excesivo código. Un ejemplo de esto es el caso del menú que podemos construir utilizando Dreamweaver, que si bien nos genera mucho código, también tiene la virtud se ser bastante dúctil, ya que podemos construirlo de forma horizontal, vertical, de varios niveles, personalizar su aspecto, etc.

A todo esto siempre tuve ganas de construir un menú Javascript desplegable, un poco por necesidad y otro poco porque siempre algunos colegas me están preguntando si tengo alguno a mano o si conozco de alguno para descargar.


Así que me puse las pilas y construí uno de dos niveles (ítems y sub ítems). Estoy convencido de que un menú desplegable de más de dos niveles no es bueno para la usabilidad de un sitio, ya que se torna un tanto engorroso y es mejor que las secciones del sitio estén siempre a la vista y no escondidas en un menú desplegable. Siempre trato de escaparle a este tipo de menú, aunque también es cierto que nos puede sacar de un apuro cuando estamos acotados en espacio.
Les recomiendo evitar el uso de este tipo de menú, tratando de que todas las secciones del sitio estén a la vista. Si en algún memento ven que la presencia de un menú desplegable es lo más adecuado, acá les voy a dejar un ejemplo sencillo; ¡SI!, ese mismo menú que siempre quise programar y nunca había podido, ya sea por limitaciones de conocimiento y/o tiempo.
Este menú está testeado en Firefox, IE 6-7 y Safari 3; lamentablemente no puedo asegurarles que funcione correctamente en otras versiones o en otros navegadores, básicamente por no haber podido testearlo.
Acá va un resumen de cómo está construido, el resto de los detalles los pueden ver en los comentarios que aparecen en el código fuente de los archivos.

Menú desplegable de 2 niveles:

Un DIV “menu” es el contenedor de todo; cada ítem está compuesto por un DIV que se escribe por medio de javascript, al igual que los sub ítems. Estos ítems y sub ítems se encuentran almacenados en 2 arrays anidados. Cada ítem está compuesto por el nombre del ID del DIV que lo contiene, un link y el nombre que llevara el texto de dicho ítem.
Por medio de un bucle for e innerHTML se escriben los DIV con los ítems y a su vez si existen sub ítems en el array, otro bucle se encarga de escribirlos. Cada bloque de sub ítems está compuesto por una lista.
Esto significa que el volumen y organización del menú estará dado por el volumen y organización de los arrays.
Por último, podemos personalizar el diseño del menú utilizando CSS, observen el código de dicho CSS dentro del HTML, el cual es bastante intuitivo.
Bueno queridos, espero les haya aportado algo, puedan utilizarlo y porque no, mejorarlo, ya que NO soy ningún erudito en el tema.

Otra variante, menú acordeón:

Esta es otra variante del mismo menú. Existe una clase “Desplegable” la cual hereda las propiedades de la súper clase “Menu” y de esta manera agregarle la posibilidad de que los sub ítems se desplieguen en forma de acordeón.

Acá pueden ver el menú en funcionamento
Opción del menú en forma de acordeón
Acá pueden descargar los archivos

También te recomendamos ver:
Carrusel de imágenes en javascript
Slideshow en javascript

¡Hasta pronto!

Categoría: Tutoriales

Publicado por: negro

Entradas más populares

104 Respuestas para “Menú desplegable Javascript”

  • Hola, estaba buscando algun menu desplegable y este es buenisimo.
    Lo que no quiero saber es como hacer para que cuando hago “click en alguna de las opciones”, me habra la pagina relacionada.

    Por ejemplo: estoy en el menu “BLUES” y al hacer click en la opcion “Keep On Walking” que me aparezca la pagina con la letra de la cancion.

    Bueno, gracias de antemano!

  • ¿Qué tal Pil?

    Para ello debes especificarle el link correspondiente en el array que se encuentra en el Head de la página.

    ["subitem-2","javascript:;","Keep On Walkin"]

    Sustituyes “javascript:;” por el link al que quieres que vaya el ítem “Keep On Walkin”

    Espero te sirva.

    Saludos
    negro

  • Holas!!

    Lo voy a probar a ver si me sale =)

    Gracias Negro!!!!

  • ola q tal!!!

    estaba probando este menu…con vinculo, y todo perfecto…

    pero mi duda es ¿se puede poner una imagen en vez de texto en los menus principales o items?

    gracias

  • Poder ser puede, pero para ello habría que adaptar la programación y ya no sería sencillo, de todas maneras NO es recomendable que los ítems de un menú sean imágenes, imagínate si lo haces dinámico, tendrías que siempre tener que recordar una imagen, aparte de la dificultosa indexación de estos ítems para los buscadores.

  • ok gracias x responderme…x cierto lo tuyo solo es javascrip? o manejas otro tipo de programacion tambien…nos vemos =)

  • En programación soy lo que se suele llamar “Un atrevido”, pero programo en Action Script (orientado a objetos), un poco de Javascript y muy poquito de PHP.
    En lo que si soy relativamente bueno, se podría decir que es en HTML y CSS.

    Saludos

  • Excelente alternativa para diseñar menús sencillos y vistosos y lo es aún más, la explicación que incorporas sobre los scripts.

    Sin ser experto en la materia, apenas lo vi, pude adaptarlo a lo que requiero.

    Te agradezco que compartas tus conocimientos con la comunidad Web y el hecho aun mayor que lo haces desinteresadamente, de ser posible y pudieras publicar algo mas complejo, te lo agradeceríamos altamente, aún cuando, todas las cosas y aún mas el conocimiento tiene su valor.

    Agradecido por tu generosidad:
    Manuel

  • Hola,negro, me podrías decir como hago el efecto acordeón?? muchas gracias, la verdad tu menu es excelente!! Saludos.

  • Wenas, el menu me parece sencillo y bonito, estoy usando el menu acordeon pero me da problemas en ie7. A diferencia de mozilla y alguna version (sin actualizar) de ie6, en ie7 me queda un margen abajo de unos 10px aprox. Mi pregunta es si sabes alguna manera de adaptarlo mediante css a ie7. Enhorabuena por el trabajo, y si doy con la solución lo posteo. Gracias!!

  • Excelente el menu. Me dio la tal mano para salir del paso.

  • Hola, gracias por compartir tus conocimientos!!!! Quizas puedas orientarme con lo siguiente: tengo que armar un cd, desde el cual por medio de un html que tiene un menu hecho con java en una capa html, se linkee a diferentes archivos de word para que el usuario descargue manuales. Es posible?

  • Hola!
    Oye ni te cuento too lo que busque!
    esta super, justo el que queria!
    Habia visto varios pero era justamente este!
    Muchas Gracias!

  • Muchísimas gracias!! Es perfecto!!

  • hola, está perfecto muy bueno, pero no me funciona en ie7, como dice antonio.

  • Yo ahora estoy usando IE 7 y me funciona, si veo que deja unos espacios verticales entre ítems. Tratare de arreglarlos.

    Saludos

  • A los que no os funciona en el Explorer, probad a poner la declaración del dtd antes, que seguro os la habéis comido al principio del documento:

    Con el Firefox tira sin ella, pero el explorer la necesita para que rule correctamente (sino muestra de mano los menús extendidos y se vuelve loco al desplegar y replegar).

    Negro, felicidades y gracias por tu menú, soy otro de los que se queda a la espera de esa revisión para los 10px de más del explorer… intento dar con ella, si lo consigo, os lo dejaré también por aquí. También estaría bien que hubiera cierta similitud de criterios entre firefox vs. explorer en cuanto a la velocidad de despliegue (rapidísima en fire, lentísima en ie), pero bueno, cosas menores ;)

  • la declaración entre el simbolito menor que y mayor que, que arriba no me la publicó

    !DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”

  • Hola, como puedo hacer para que los vinculos se abran en otra ventana ???

  • Excelente el menú, lo probé y funciona de 10 en casi todos los browswers, en el único que no lo hace correctamente es en el Explorer, en él queda desplegado y se ven todos los items y subitems.
    Una consulta: para agregar un subnivel más profundo, o sea un sub-subnivel cómo se hace? estuve tratando pero no lo logré, espero que puedas ayudarme. Muchas gracias.

  • Encontre la solucion ;) en el script habia que agregar despues del <a y antes del href la opcion target=”tu_ventana”.

    Grax funciona muy bien en Firefox, aunque en IE7 da probelmillas al verse los items un poco separados entre si

  • Hola…excelente el menu pero tengo un problema…en q parte del codigo esta su tamaño??..como hago para q el menu sea mas pequeño si es posible??..gracias

  • hola quisiera saber como puedo hacer que fila aparesca por defecto desplegada.

    gracias

  • Hola!! esta genial el codigo, lo malo es que lo adapte y al poner mas de 5 entradas en el menu primario se cae el programa =( , justo necesitaba 6 titulos en el menu, mala suerte.. tambien le puede poner el target para que funcionase con iframe y todo bien … solo se cae al poner 6 entradas.. con 5 funciona perfecto! si alguien sabe como arreglar esto, ojala lo ponga aqui.. bye!

  • Eso que tu quieres hacer, se hace sin problemas, aquí te modifique el ejemplo:

    http://www.abcdisegno.com/archivos/javascript/menu-acordeon.html

    Cuéntame!

  • Las consultas técnicas acerca del script, háganlas en el foro, ya que seguramente haya mucho más gente que los pueda ayudar, mostrar ejemplos, etc…

  • Hola, he esta muy interesante tu archivo y de hecho me ayuda un monton he intentado crear una cuarta opcion en el submenu y no puedo cuando pruebo no me sale nada en el explorador.

    Espero me puedas ayudar, lo necesito con urgencia!

  • :D

    Ya me di cuenta de la burradaaaaaaaaa k estaba haciendo !!!

  • Genial el script, pero alguien sabría como añadir un nivel mas? osea 3 niveles en total. He buscando pero no encuentro solución. Gracias!

  • hola, en tu primera respuesta a Pil (12 nov.2007) ha quedado claro como hacer que un item desplegado de segundo nivel nos mande a otra página. Pero yo estoy haciendo una pagina con framesets, y necesito especificar el “frame” de destino (target). ¿cómo podría hacerlo?. GRACIAS !!!

  • Melissa me apsa el mismo error q a ti, pero el detalle esta en que yo aun no encuentro la burrada!! alguien q me ayude porfa =(

  • Hola, primero decirte que está muy bueno y que es muy fácil agregar ítems; sólo me queda preguntarte si pudiste solucionar el tema IE7 (o si alguien más pudo hacerlo?)

  • Sabes esta bueno el menu pero he encontrado un error todovia no lo averiguo cual es la razon, pero el menu se queda estatico ya no se despliega los submenus despues de varios clicks.

  • en Internet Explorer 8.0, se distorsiona tremendamente, perdiendo el diseño original :(

  • En primer lugar, Gracias!!! por el menú….está buenísimo…..y muy fácil de adaptarlo a lo que uno necesita…..,pero a mi también me queda un espacio grande en Internet Explorer 7….alguien lo ha solucionado???

  • hola

    me sirvio mucho tu menu, pero cuando quiero agregar más items, los agrego en el arreglo que esta en la funcion de javascript en el documento html, pero no me los crea, como puedo resolver este problema

  • muchas gracias! es lo que estaba buscando.

    se puede poner cada item de un color? me refiero a que alternative sea un color,blues otro, jazz otro…

    muchísimas gracias!

  • hola se puede poner tercer nivel !!

  • Hola este está excelente. Solo tengo una pregunta :¿si quiero que funcione en mouse rollover sin necesidad de hacer click para desplegar? es eso posible ? y si es así que cambios en el codigo?
    muchas gracias

  • hola es es un buen menu, pero yo soy muy nuevo en esto y si podrias darme una mejor explicacion del codigo js te lo agradeceria

  • Hola, me interesa saber como direccionarlo a otro frame ya que el menu lo tenfo en un frame horizontal y la paginaaparece donde mismo. Podrias decirme donde agregar el codigo para mandarlo al mainframe?

    Muchisisimas graciasias por el codigo, esta muy padre!!!

    saludos desde hermosillo sonora.!!!

  • hola mi estimado negro estoy chekando tu menu, y la verdad me parece muy bueno, pero tengo un pequeño problema donde dice que va :javascript: tengo que sustituirlo por el link a donde va el sitio pero si el sitio tiene un target a un frame como lo vinculo?

    Gracias por tu atencion prestada espero me ayudes a resolverlo…

  • buenas, te felicito por el menu, no sabes la del timpeo que me ha costado buscr un menu asi,no hay por ningun lado. He modificado el diseño praa que me sea util para mi web, y hay una cosa que no logro quitar, cuando pincho a cualquier opcion del menu me salen las lineas del rcuadro, como las puedo quita. mcuhas gracias. y mi maxima enhorabuena por el menu!!!!

  • shaggy,he estado probando lo de los links y no me funciona. me podias pasar el cosigo por mail??? te lo agradecería, e que no hay forma de hacer el menu. mi correo es: gzaposa@hotmail.com
    muchisimas gracias

  • hola; Soy nuevo en menús desplegables, mi pregunta es:
    Cómo puedo mostrar una imagen al lado al pasar por los link?
    creo que debo añadir en el CSS algo parecido a
    #imagen{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }
    y en los links
    #

    gracias de antemano

  • hola; Soy nuevo en menús desplegables, mi pregunta es:
    Cómo puedo mostrar una imagen al lado al pasar por los link?
    creo que debo añadir en el CSS algo parecido a
    #imagen{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
    }
    y en los links

    nombre link

  • y en los links
    –LI>nombre de link</li
    he quitado pues no me deja enviar este txt

  • y en los links LI a href=” class=”imagen rel=”nombre.gif title=”Txt” nombre /a /li
    he quitado ” y pues no me dja enviar link completos

  • Hola, el menu esta genial pero tengo un problema al enlazar los subitem, el caso es que sustituyo en el array en “javascript:” poniendo la ruta completa de lo que quiero direccionar pero no lo consigo, solo lo direcciona cuando este se encuentra en la misma carpeta donde tengo tanto la pagina como el script, ¿como hago si quiero direccionarlo a una direccion web o a alguna que tenga fuera de esta carpeta?. Un saludo

  • hola, oye tu menu esta bien, pero queria ver si pudieras darme un ejemplo de como podria insertarle un vinculo a cada boton para poder enviarlo a otros sitios o abrir archivos pdf te agradeceria si pudieras ayudarme gracias.

  • Molco para insertarle un vinculo a cada item tendras que modificar un poco el codigo, cuando descarges el fichero en menu.html modificas mas bien sustituir las siguientes filas

    despues(menu1.items = new Array(["item-0","nombre_vinculo(ej:hola.com)","hola"]…asi con todas las filas

    antes
    menu1.items = new Array(["item-0","javascript:;","nombre"]

  • Hola, me podrian decir como hacer que desde un link de una pagina externa se siturara en un determinado apartado del menu(subitem), seria algo como un foco, muchas gracias de antemano

  • Q tal, tengo una pregunta. ¿Qué hacer si quiero varios menús dentro de la misma página?

  • HOLA SOY UN TANTO NUEVO EN ESTE DE LOS MENUS DESPLEGABLES Y EL EJEMPLO ESTA BUENASOO PERO LA DUDA QUE TENGO ES QUE COMO PUEDO HACER PARA UTILIZAR EL HREF: COMO JALO EL LINK.
    MUCHAS GRASIAS POR SU AYUDA OKK BAYE.

  • [...] te recomendamos ver: Menú desplegable en javascript Slideshow en [...]

  • Me parece un gran aporte, muchas gracias. Mi pregunta es: Si yo implanto el mismo menú en bastantes páginas de mi sitio web, a la hora de actualizar los contenidos o items del mismo, tendría que editar todas ellas ¿no? Existe alguna manera de que el contenido del menú lo tome de un fichero externo? De esa forma, actualizando ese fichero, el contenido se actualizaría en todas las páginas. Muchas gracias de nuevo.

  • hola, muy buen aporte a ver que tal esta la personalizacion del menu. gracias

  • Hola estimados! Me alegro que le haya servido este menu a tanta gente. Les cuento que se ha solucionado el margen inferior que dejaban los ítems en IE7 y que ahora pueden indicarle el target a cada vínculo.. en el menú común los subitems tienen como ejemplo “_blank” y en el menú desplegable tienen “_self”; ¡Hasta pronto!

  • Hola estoy intentando utilizar este menu desplegable, y ya puse que pagina kiero k me sake con lo de clikearle, solo me keda un problema, esk quiero k me lo redirija a un iframe de la misma pagina y no se como si podeis ayudarme os lo agradeceria gracias ;)

  • [...] También te recomendamos ver: Carrusel de imágenes en javascript Menú desplegable en javascript [...]

  • te recomiendo qe veas las imagenes

  • hola! quería saber si en vez de hacer click que me valla a otra pagina, sino que me aparezca una foto. es decir trabajar siempre con la misma pagina, y que al hacer click me valla a una foto.

  • Hola Franco, cada ítem de este menu tiene vínculos, por tanto todo lo que quieras que se despliegue al hacer click en alguno de ellos lo tienes que hacer por medio de estos vínculos. Para que te despliegue una foto tienes dos opciones, o haces una pequeña programación en javascript llamando una función desde el onclick del vínculo o bien puedes hacer un iframe y lograr que las fotos sean páginas dónde simplemente haces que se abran dentro del iframe, indicando en el target de los vínculos el ID de ese iframe.

    Espero te ayude!
    Saludos

  • Está excelente el menú, pero no puedo hacer que cargue en un DIV o en in iframe… me puedes ayudar de favor…

    Gracias

  • Hola Dark! necesito me puedas detallar mejor, para que cargue en un iframe, tienes que hacer que cargue todo el HTML del menú dentro, para colocarlo dentro de un DIV, no deberían haber problemas

  • Negro muy buen post, felicidades. Sabes quisiera saber como hago que los encabezados: Altenative, Bluez, Jazz y Reggae esten de forma horizontal, osea uno a lado de otro y no uno debajo del otro; pero siempre manteniendo los subitems hacia abajo, solo que los encabezados esten uno a lado del otro, espero tu respuesta. Gracias

  • Qué tal Miguel!… lamentablemente este menú no está pensado para adaptarse facilmente a lo que dices :(
    si usas Dreamweaver, el mismo trae incorporado un framework llamado Spry, con el cuál podes armar facilemente un menú con esas caracterísitcas! seguro te generará mucho código, pero te funciona lo más bien

  • Que lastima, bueno agradezco la intencion de ayudar de todos modos. Sigue haciendo buenos tutos.

  • 70

    Hola disculpa agrego una página como link a un subitem y me la abre arriba del menú.. dentro del tamaño del menú..
    y yo quisiera apareciera pero en toda la página..
    ¿Cómo podría hacerlo?

  • Hola Gabriela, el menú lo tenes en un frame o iframe?

  • Muchas gracias por el aporte. Me ha venido muy bien. Mi pregunta es si abria alguna manera de que en cuanto se carge la pagina el primer enlace aparezca ya abierto, es decir el primer subitem.

    Si es posible como podria hacerlo?

    muchas gracias de antemano

  • Hola,
    Esta excelente el menú pero ahora me gustaría saber como podría cargar los items del arreglo si tengo guardados los registros en una tabla de la base de datos? Es decir que cargo el menu de acuerdo a un perfil de usuario.

    Ojalá me puedas ayudar y muchas gracias.

  • Hola negro. Una preguntica.

    Es posible colocarlo horizontal? porque estoy tratando de colocar en el css de li con display: inline; y no pasa nada.

  • Qué tal Ruthven, sabes que no está pensado para colocarlo horizontal, para eso habría que reprogramar unas cuantas cosas :(

  • Nadie ha conseguido solucionar el asunto ese de añadir mas elementos al menu? Parece ser que solo deja añadir uno mas, el resto los ignora… Gracias

  • A mi tambien me interesa añadir mas elementos al menu. Y saber como puedo vincular los submenus a un frame. Gracias

  • Estimados, para agregar más ítems y subitems al menú basta con agregar elementos en sus respectivos arrays dentro del código fuente javascript:

    menu1.items = new Array(…

    menu1.subitems = new Array(…

  • Hola, buenas tardes y gracias por el aporte, me ha sido de mucha utilidad. Sólo quería resolver una cosa. Veo que cada desplegable se cierra al hacer click sobre otro item, que a su vez, contiene otro desplegable. ¿Hay alguna manera de se cierre un menu desplegado, si el siguiente item no tiene sub-items?
    Muchas gracias y saludos
    David

  • Hola DavidC, a partir de tu comentario, me pareció una buena idea agregarle esta posibilidad, así que lo he modificado, ahora efectivamente puede contraerse si haces click en un ítem que no tiene subítems ;)

  • Hola,

    es genial, aunque solo le veo una pega: la falta de comentarios hace un poco incomprensible lo que hace el código,

    Gracias!

  • Muuuuchas gracias! voy a comprobarlo ahora mismo!! saludos

  • Hola negro,

    gracias por compartir con nosotros este menu; és ideal para lo que estoy buscando, sólo que dos cositas:

    1.- En el codigo que compartes solo se puede agregar 1 item mas: en el html allí donde defines los items “["item-0","javascript:;","Alternative"],["item-1","javascript:;","Blues"],["item-2","javascript:;","Jazz"],["item-3","javascript:;","Reggae"]” yo añado por ejemplo “["item-4","javascript:;","Rock"],["item-5","javascript:;","Metal"]” y sale Rock pero no Metal

    2.- El asunto de los marcos no esta nada claro ya que en los subitems si puedes decirle que abra el link en un sitio en concreto pero en los itemes no. probe con “["item-0","alternative.html","Alternative","frame_contenedor"]“, pero consegui nada.

    Seria genial que aclarases estoas dudillas ya que de ser asi si que seria perfecto

    Gracias de antemano!

  • Zendalj, para poder agregar ítems, también tienes que especificar los subítems, así sea que quieras que no los tenga, tienes que ponerle los paréntesis rectos vacíos.

    Sobre lo de los marcos es cierto, ahora le he agregado esa función, si miras y te descargas ahora los ejemplos puedes ver las modificaciones!

    Saludos

  • Hola Negro!

    Me gustaría saber una cosa, cuando despliego el menu y le doy clik a un subitem, este me dirige a otra pagina que he diseñado, me gustaria que,una vez en esa pagina el menu no se volviera a plegar, es decir, que continuara desplegado para poder ir asi a otro subitem.
    Espero haberme explicado bien….
    Muchas grácias pot tu menu!!

  • Hola Isaac! Siempre que sea cargado un nuevo HTML que tiene el menú, el mismo se cargará desde el inicio y por cierto aparecerá contraído. Se me ocurre que si haces que tu nueva página se abra en un frame, el frame del menú se mantendría sin recargar, aquí no tendrías este problema. De lo contrario habría que programar bastante para que según la sección donde se encuentre el menú sea inteligente y detecte que submenú dejará desplegado; por tanto esto escapa bastante de lo que ofrece este menú. Saludos

  • me encanta el menu pero no puedo descargar los códigos para hacerlo . toco abajo donde dice Acá pueden descargar los archivos pero no me aparecen los codigos.
    me pueden pasar los codigos por aca? contestando este comentario? por favor lo re necesito, gracias !

  • Estimado, el link funciona correctamente … desde este enlace te descargas el ZIP … http://www.abcdisegno.com/archivos/javascript/menu.zip

  • hola negro antes que nada muchas gracias por tu aporte esta muy bueno, lo que queria preguntarte era si ese script que pones en la pagina html no se podria poner dentro del archivo js pues no he encontrado forma y tengo muchas paginas y pues me toca poner ese bloque de codigo a cada una de ellas, la verdad no soy bueno en javascript. de antemano gracias !

  • Estimado, claro que puedes poner ese script dentro de un JS, lo cortas (sin las etiquetas “script”) y lo pegas en un archivo externo, luego te encargas de colocar una referencia de ese archivo a continuación de la referencia del archivo “menu.js”. Saludos

  • Hola “negro”, te cuento que tengo un bucle for que carga “comentarios” desde una base de datos y quisiera tener el spry de menu despegable dentro de ese bucle por un capricho visual ya que queda muy bien..se puede?? por que ya lo intente y no q uedo bien solo lo carga en el primer ciclo en lo demas no. es posible??

  • Hola Alexander, de la manera que está hecho este menu, no vas a poder utilizar bucles anidados para escribir los ítems y subítems como sería lo ideal.

    En este caso vas a tener que escribir el Array Javascript de ítems primero y luego aparte el de subítems, fijate en el código fuente como están planteados los Array y asegurate que tus bucles PHP dibujen los Array Javascript de la misma forma que se ven en el código fuente.

  • hola algun ejemplo de menus desplegable en javascript

  • Hola…

    Como puedo agregar otro submenu pero que me aparezca dentro de un submenu por ejemplo:

    Alternative
    Boyz
    Do you Feel
    Otro
    otr2
    New Wave
    Otro
    Otro2
    3Otro
    4Otro

  • Este menu deseo obtener:

    1Alternative
    2Boyz
    3Do you Feel
    3.1Otro
    3.2otr2
    4New Wave
    4.1Otro
    4.2Otro2
    4.2.2Otro
    4.2.3Otro

  • Alguien podra ayudarme con esto?????
    Tengo un Menu que a la ves tiene >Submenu, cuando selecciono una opcion del Menu me carga la pagina del Frameset u otra ventana a la par, pero Como hago para seleccionar un Submenu y que me cargue la pagina de ese mismo submenu que se encuentra dentro del menu. alguien podra regalarme un Codigo que haga llamr la pagina y dentro de este el tema del submenu????

    mi correo es yoshipineda@yahoo.es

  • TENGO EL SIGUIENTE CODIGO DE UN MENU CON SUBMENU:
    EN ESTA PRIMERA LINEA ME CARGA BIEN LA VENTANA, PERO YA EN EL SUBMENU DONDE APARECE: Su Flora y Su Fauna no se como mandarlo a llamar, ya que, Su flora tiene Vinculo, ¿Como puedo mandar a llamar un vinculo de una pagina y que me muestre en la ventana dePrincipal?

    FLORA Y FAUNA

    Su Flora

    Su Fauna

    Gastronomia

  • —->>>FLORA Y FAUNA

    —–>>>Su Flora <<>> Su Fauna <<>> Gastronomia <<<—

    <<<—–

  • “”FLORA Y FAUNA
    “”
    “”Su Flora” ”

    “”Su Fauna“”

    Gastronomia

    “”

  • Saludos, amigo estoy haciendo un pequeño sistema que tiene 2 niveles de usuario o roles, y quiero que dependiendo del rol o nivel de usuario que tenga se vean ciertos items o subitems, normalmente lo hago con un condicional if dentro del menú, se puede hacer algo similar aca?

  • hola, muchas gracias me ha servido mucho y esta muy claro, me gusta mucho como pusiste toda la informacion detallada me permitio hacer todos los cambios que quisiera, gracias

  • texto\alert(“asd”);\mas texto

  • [...] Alguien me habia preguntado por un menu desplegable, ahora no lo tengo pero aqui tengo una liga para el que tenga dudas pueda usarlo. http://www.abcdisegno.com/menu-desplegable-javascript/ [...]

  • Buenas, necesitaría que alguien me ayude con un problema que tengo. Cada sección de mi sitio se ve sobre un platilla desplegable. Quisiera que cuando toque sobre el botón de cada seccion y me abra la respectiva seccion en la url aparezca el nombre de la pagina con el /laseccion.
    Como genero eso?
    Graciass!

Dejar una respuesta

XHTML: Tu pudes usar estas etiquetas: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>