Barra de menús desplegables (I)

Uno de los usos más extendidos del HTML dinámico son estas barras de menús, al estilo de las que puedes ver en las páginas de Microsoft o Silicon Graphics.

En qué consiste

Si pulsáis sobre los enlaces indicados arriba podréis ver unos menús desplegables muy bien hechos. Los nuestros no van a ser tan espectaculares, principalmente para que sea más sencillo entender cómo se hacen. Podéis comprobar las características de nuestros menús en este ejemplo. Si este truco resulta de vuestro interés, procuraremos mejorarlo en próximas entregas.

Ahora veremos cómo se hace. Es recomendable que sepáis algo de HTML dinámico para entenderlo mejor.

Cómo personalizar los menús

Lo primero que vamos a ver son las cosas que deberemos cambiar para poder reutilizar el código en vuestras páginas. Lo primero que necesitamos es una clase CSS a la que llamaremos menu y que definirá el aspecto que tienen las capas de menú:

.menu {
  position:absolute;
  visibility:hidden;
  background-color: white;          // Color de fondo para Explorer
  layer-background-color: white;    // Color de fondo para Netscape
  color: black;
  border-style: solid;
  border-color: black;
  border-width: 1px;
  padding: 3px;
  font-size : 12px;
  font-family: "arial", "helvetica";
}

.menu A:hover {text-decoration: underline; color: blue;}
.menu A {text-decoration: none; color: black;}

Lo que estamos haciendo es señalar al navegador que los elementos de clase menu serán capas que posicionaremos de manera absoluta, con un borde negro, un fondo blanco, y cuyos enlaces serán subrayados de la manera que vimos en el artículo anterior. Todas las propiedades que definen el aspecto de las capas las podéis modificar a vuestro gusto.

También debemos definir que habrá dentro de cada menú. Eso lo haremos por medio de etiquetas DIV dentro del cuerpo del documento:

<DIV id="menu0" CLASS="menu">
  <A HREF="../../recursos/img.htm">Imágenes</A><BR>
  ...
</DIV>

Serán capas de clase menu que, en nuestro caso, contendrán sólo una lista de enlaces. En el vuestro, si lo deseáis, podéis incluir imágenes y todo lo que se os ocurra.

Ahora tenemos que incluir los enlaces que provocarán el despliegue del menú en caso de que el ratón pase por encima de ellos.

<A HREF="pagina.htm" onMouseOver="if (menu[0]) menu[0].activar();">...</A>

Incluimos la condición porque puede suceder que el usuario intente activar el menú cuando éste todavía no existe, es decir, cuando todavía no ha acabado de leerse la página

Para asegurarnos de que los visitantes que no tengan la suerte de poseer un navegador de cuarta generación recorrer nuestras páginas, el enlace irá a una página desde la cual podamos acceder a todas las opciones del menú. También debemos incluir, como controlador del evento mouseover, una llamada al método activar del objeto Menu que queramos desplegar.

Claro, que para saber cómo se llama el objeto Menu que queremos desplegar en cada enlace, deberemos inicializar dentro del código todos los objetos de tipo Menu que se encargarán de desplegar los menús. Esto se hace dentro de la función inicializar, situada al final del código JavaScript de la página:

function inicializar() {
  ...
  menu[0] = new Menu("menu0", 20, 5);
  menu[1] = new Menu("menu1", 20, 93);
  menu[2] = new Menu("menu2", 20, 250);
}

En el ejemplo existen tres menús, que deberán ser los tres primeros elementos del vector menu. Cada uno de ellos es inicializado por medio de la línea

menu[i] = new Menu(idMenu, posY, posX);

Donde idMenu es el nombre que, por medio del parámetro ID, le hemos puesto a la capa que contiene el menú; siendo posX y posY el desplazamiento respecto a la esquina superior izquierda del documento donde queremos que aparezca el menú. Este valor hay que colocarlo a mano, por medio del afamado método de ensayo y error.

Si te asaltan las dudas en algún punto, es recomendable ver el código fuente del ejemplo.

Cómo funcionan por dentro

En general, lo primero que se debe hacer siempre en una aplicación que utiliza HTML dinámico es ver con qué navegador se está viendo la página. Para eso utilizaremos un objeto específico:

Objeto DetectorNavegador
function DetectorNavegador() {
  this.NS4 = document.layers;
  this.IE4 = document.all;
  this.DHTML = this.NS4 || this.IE4;
}

var soporta = new DetectorNavegador();

En realidad con un par de variables hubiera bastado, pero así podéis ver cómo se crea y se aplica un objeto creado por nosotros. La función DetectorNavegador es un constructor que llamaremos con el operador new. El constructor comprueba la existencia de objetos específicos de cada uno de los navegadores y vincula esa existencia al valor lógico de las propiedades NS4, IE4 y DHTML.

Ahora necesitaremos un par de variables globales:

var menu = new Array();
var menuActivo = null;

El vector menu contendrá todos los objetos Menu, mientras que la variable menuActivo será una referencia al objeto Menu que contenga al menú que esté desplegado en estos momentos, siendo null si no hay ningún menú desplegado.

Objeto Menu

Este objeto es el encargado de manejar los menús. Para su correcto funcionamiento necesita que hayamos creado las dos variables señaladas anteriormente y el objeto soporta de tipo DetectorNavegador. Para entender cómo funciona vamos a esudiarlo por partes. Lo primero será examinar el constructor:

function Menu(capaID, top, left) {
  this.activar = activarMenu;
  this.mostrar = mostrarMenu;
  this.ocultar = ocultarMenu;
  this.cambiarPosicion = cambiarPosicionMenu;
  this.capaRefStr = (soporta.NS4) ?
    'document["'+capaID+'"]' :
    'document.all["'+capaID+'"]';
  this.estiloRefStr = (soporta.NS4) ? '' : '.style';
  this.topRefStr = (soporta.NS4) ? '.top' : '.pixelTop';
  this.leftRefStr = (soporta.NS4) ? '.left' : '.pixelLeft';
  this.cambiarPosicion(top, left);
}

Lo primero que hace el mismo es convertir en métodos de la función a cuatro funciones que posteriormente estudiaremos. Luego declara cuatro propiedades que serán cadenas que nos permitirán acceder a las propiedades de la capa que contiene al menú, dependiendo del navegador que utilicemos (ya que la jerarquía de objetos en uno y otro es distinta).

La propiedad capaRefStr contiene una cadena que contiene la referencia a la capa que contiene el menú. estiloRefStr contiene la referencia a las propiedades de una capa y, finalmente, topRefStr y leftRefStr indican qué propiedad específica hay que cambiar para modificar la posición de la capa.

Por último, el constructor llama a la función encargada de cambiar la posición del menú para colocarla donde haya indicado el usuario al crear el objeto.

Por último, veamos como funcionan los métodos del objeto:

function activarMenu() {
  if (soporta.DHTML &amp;&amp; menuActivo != this) {
    if (menuActivo) menuActivo.ocultar();
    menuActivo = this;
    this.mostrar();
  }
}

Este primer método se encarga de desplegar el menú. Primero comprueba que nuestro navegador lo soporte y que el menú no esté ya desplegado. Luego, si hay otro menú desplegado, llama al método ocultar del mismo. Finalmente, asigna la variable menuActivo al menú y lo despliega llamando al método mostrar.

function mostrarMenu() {
  eval(this.capaRefStr + this.estiloRefStr + '.visibility = "visible"');
}

function ocultarMenu() {
  eval(this.capaRefStr + this.estiloRefStr + '.visibility = "hidden"');
}

Estos dos métodos se encargan de mostrar u ocultar el menú, respectivamente. Para ello utilizan dos de las cuatro propiedades creadas en el constructor. Lo que hacen es crear una cadena que contenga una sentencia que haga el trabajo. Luego llaman a la función predefinida eval, que se encargará de ejecutar dicha sentencia.

Dado que éstas funciones sólo se llaman desde activarMenu, una vez éste ha comprobado que el navegador soporta DHTML, ya no necesitan código que realice dicha comprobación.

function cambiarPosicionMenu(top, left) {
  if (soporta.DHTML) {
    eval(this.capaRefStr + this.estiloRefStr + this.topRefStr + ' = top');
    eval(this.capaRefStr + this.estiloRefStr + this.leftRefStr + ' = left');
  }
}

Por último, y al igual que las dos funciones anteriores, este método cambia la posición del menú utilizando las propiedades creadas en el constructor.

Eventos

Como hemos visto, hemos incluido la llamada al método activar dentro del controlador de evento onMouseOver de los enlaces. Pero no hemos incluido ninguna manera de comprobar que el usuario ha pulsado el ratón para ocultarlos. Eso lo lograremos interceptando los eventos. Desafortunadamente, la manera de hacerlo también es distinta en cada navegador, pero haremos lo que podamos.

Dentro de la función de inicialización que vimos antes tenemos el código encargado de realizar la intercepción:

function inicializar() {
  if (soporta.DHTML) {
    if (soporta.NS4)
      document.captureEvents(Event.MOUSEUP);
    document.onmouseup = ocultarMenuActivo;
  }
  ...
}

No vamos a entrar en los distintos modelos de eventos. Por ahora basta decir que la última línea indica la función que se ejecutará si pulsamos el ratón en alguna parte del documento actual. Las dos anteriores indican al Netscape Communicator que deseamos interceptar ese tipo de eventos. El Explorer no necesita que se lo digamos.

La función que se llamará es, por tanto, ésta:

function ocultarMenuActivo(e) {
  if (menuActivo) {
    menuActivo.ocultar();
    menuActivo = null;
  }
}

Comprueba si existe algún menú desplegado, para ocultarlo y poner la variable menuActivo a null, para indicar que ya no hay menús desplegados.

COMPARTE ESTE ARTÍCULO

ENVIAR A UN AMIGO
COMPARTIR EN FACEBOOK
COMPARTIR EN TWITTER
COMPARTIR EN GOOGLE +
ARTÍCULO ANTERIOR

SIGUIENTE ARTÍCULO

HAY 113 COMENTARIOS
  • Luis Enrique dijo:

    Hola, me parece buenissima su página, me agrada mucho y ma ayudado bastante... desde Venezuela - www.questapsando.com -

  • Jose García dijo:

    La barra de menús me ha resultado muy útil y queda muy curiosa. Me gustaría conseguir que los menús desapareciesen al quitar el ratón. Espero que publiqueis un artículo sobre esto pronto.

  • JC Gómez dijo:

    Me parece muy bueno e interesante este script. Aunque sería mas interesante un script para manejar menus de más de 2 niveles. Saludos...

  • José Luis Sainz-Pardo Auñón dijo:

    Me ha sido totalmente útil y sencillo este comentario. He logrado también que desaparezca la barra de menús al despegar el ratón del enlace añadiendo en el enlace que activa el vínculo el siguiente texto: . Un saludo a todos.

  • Guillermo dijo:

    Le añade un toque muy profesional a las paginas con este script, deja una mejor impresion al usuario.

  • Alfredo Sánchez dijo:

    ¿Puede alguien enviarme el código para que desaparezca automaticamente el menu cuando salimos de los mismos?

  • Slick dijo:

    la verdad es que soy algo novato en lo que se llama programacion de web pero a la vez estoy muy interesado en la misma, yo estoy haciendo una pagina bueno la verdad entendi la mayor parte de su tutorial pero no encontre nada relacionado con que cuando se quite el mouse se desaparezca el menu, me gustaria que me mandara esta respuesta a mi e-mail...

  • Daniel dijo:

    he intentado ver el codigo fuente dl ejemplo pero no me deja.¿Por que no? ¿Me podeis mandar todo el codigo seguido del menu desplegable del ejemplo? Gracias

  • koli dijo:

    me gustaria que me enviarais el codigo completo. Gracias.

  • Pablo Rios Gaspar dijo:

    Como puede hacer para que el menu se ponga de un tamaño especifico de acuerdo a la resolucion del monitor...

  • david dijo:

    enviadme el codigo completo pq asin no se ponerlo y ademas un ejemplpo,vale

  • Raul dijo:

    Hola buenas.¿Si quiero que al cliquear un link de los que se despliegan, y quiero que lo que mande aparezca justo debajo que hago?O con frames o identificando una tabla, ¿pero como? Si me podeis ayudar os lo agradeceria mucho. Un saludo

  • Carlos dijo:

    me podriais mandar porfavor el codigo entero del menu desplegable y algun ejemplo, plis!

  • Fernando dijo:

    Me haríais un enorme favor si me enviáseis el código completo, soy demasiado nuevo en esto y me vendría de perlas un poquito de ayuda. Gracias.

  • Paula dijo:

    Me encantaria saber mas sobre los menu desplegables, estoy recien comenzando a conocerlo y me gustaria que me enviaras unos ejemplos y el codigo. gracias

  • Erick Marquez dijo:

    Estoy comenzando con esto de los ménus desplegables, de hecho estoy tratando de hacer algo con los ménus, pero la verdad no kme salen,, quisiera ver la forma si me pueden enviar el codigo y un ejemplo, para poder terminar mi proyecto,, muchas gracias , y felicidades por su sitio es muy interesante .. atte Erick

  • Antonio Hernandez dijo:

    Hola. Me gustaria saber como elimino las barras de desplazamiento horizontal y vertical en una página web, que no contine frames y que sobrepasa en contenido la ventana, como esta página donde está este formulario. Gracias.

  • claudio dijo:

    Me podrías mandar el código complet por favor?

  • Pedro Serrano dijo:

    Me gustaría que me mandarais el código fuente de los menus ya que este complemento es realmente eficaz para comprender el funcionamiento de los mismos.Muchas Gracias

  • David dijo:

    Me podriais mandar el codigo fuente de los menus desplegables. Muchas Gracias.

  • rodrigo dijo:

    la verdad es que estoy reien empezando en esto de la programacion de paginas web, y aun estoy construyendo mi sitio de manera muy basica. intente hacer un menu en mi web pero en realidad no resulto mucho. el menu en si quedo bien hecho pero no se como colocar un enlace en cada una de las opciones del menu ...... este es mi la pag donde se encuentra el menu www.geocities.com/segurolas_2001/biografia.htm ojala sea visitado y porfavor poder ayudarme en la resolucion del problema gracias.

  • Paz Espinoza dijo:

    Hola: Yo necesito un menu como ese, pero que se pueda desplegar en un frame izquierdo y con 3 o 4 submenu (desplieges hacia el lado). Se podría hacer. Lo he buscado por muchos sitios y el que mas se hacerca es el tuyo... Si tuvieras lo que necesito ¿podrías enviarmelo?. De ante mano, muchas gracias. Atte. Paz Espinoza M.

  • elmer dijo:

    He andado buscando estos còdigos, para una pàgina que estoy haciendo de la empresa, pero soy nuevo en esto del diseño de paginas web y lo ùnico que medio manejo es frontpage 2000. Si no es mucho molestar podrias enviarme los codigos y una breve instruccion de como aplicarlos en frontpage. De antemano gracias.

  • exequiel saez dijo:

    hola soy un estudiante de mecanica industrial y estoy haciendo mi pagina web , pero no se hacer un menu como ese, espero que puedan ayudarme con los codigos para terminar mi pagina, desde ya me despido esperando un respuesta favorable, que dios les bendiga.

  • Paco Amado dijo:

    He probado los codigos y os felicito.Pero tengo un problema los enlaces los tengo en el frame inferior. ¿Como se podria conseguir que los menus se despegasen hacia arriba? Saludos y ha seguir con buestra estupenda página.

  • danni dijo:

    No funciona en el Netscape 6.0

  • Mary dijo:

    Hola, estoy intentando hacer un menu desplegable en frame izquierdo y que al clicar sobre alguno de estos menus se abra la pagina en el frame inferior, pero no lo consigo. ¿Podrias ayudarme? Necessito el codigo ¿podrías enviarmelo?. Muchas gracias por todo, Mary

  • nairam dijo:

    Hola! Lo primero, felicitarte por lo bien explicado que lo has puesto, que haycada uno por ahí... :) Lo que te quería pedir era lo mismo que May. Es que intento hacer un menu 'tipical' en el frame izquierdo que segun vayas pinchando vayan saliendo los nuevos niveles. Si tienes codigo para realizar esto te agradecería muuuuuchíiiiiiiiiisim que me lo enviaras. GRACIAAAASSS y felicidades por el artículo :)

  • Alberto Hernández dijo:

    De antemano muchas gracias por sus esfuerzos y por compartir sus conocimientos. Estoy desarrollando un sistema en ASP y quisiera saber como mandar a imprimir una página que contienes el resultado de una consulta, quisiera imprimirla sin el botón que la manda a imprimi, las imágenes, solo requiero enviar los datos a la impresora(es como si imprimiera en una factura y solo requiero llenar ciertos espacios). Si tienen algún ejemplo se los agradeceré bastante.

  • Shaka dijo:

    Escribo para pedir el código completo, si sois tan amables. Gracias

  • vicky dijo:

    Me gustaria saber si este menu lo puedo crear verticalmente en vez de horizontal.

  • Oswaldo dijo:

    Hola, de antemano gracias por compartir esos conoimientos. Solo me quedo una duda: ¿como pued hacer para que cuando ya no este el raton sobre el menu, este se quite sin hacer un click afuera? Tal como en las paginas que das de ejemplo, como la de Microsoft y Silicon Graphics. Gracias por contestar...

  • Ana dijo:

    Felicitarte por tu página, y pedirte que me envies el código completo de tus Menus Desplegables. Gracias.

  • Eloi dijo:

    Hola webmaster. Muchas gracias por poner tus conocimientos en la web y que la demas gente como yo pues la puede utilizar. Un compañero y yo nos estavamos comiendo el coco para hacer esto... y gracias a ti ya podemos, pero nos iria mucho más fácil si nos dieras todo el código entero. Si no es mucha molestia para ti... Gracias!!

  • Miquel dijo:

    he estado buscando por la red la forma de crear botones o menus desplegbales al pasar el mouse por encima de otro boton o menu. Veo que aqui lo comentais me podeis informar como crearlos o donde lo explican, ? salu-2 Miquel

  • Manolo dijo:

    Serías tan amable de enviarme el código completo? Muchas gracias

  • Oscar dijo:

    Llevo unos dias buscando algo como esto. Me podrías enviar el código completo??. Gracias.

  • Alberto dijo:

    Me podriais enviar el codigo fuente con la estructura: Titulo web El menu desplegable Noticias o algun texto Si savies acerlo porfavor enviarmelo

  • Efrain dijo:

    La verdad que esta muy interesante la seccion de la barra de menús desplegables. Te agradecería si me hicieras llegar una copia del código completo y de antemano muchas gracias.... Saludos

  • Sandra dijo:

    Este menu era lo que estaba buscando, les agradezco que se hayan tomado la molestia en hacerlo y publicarlo para la gente, muchas gracias, les envio un saludo.

  • Narciso dijo:

    Me parece muy bueno pero no está el ejemplo. Podrían enviarme el código completo? Gracias

  • Spidigonzalez dijo:

    Pues eso. Me gustaría saber si hay algún modo de poner el mismo menú en más de 40 páginas sin tener que copiar y pegar 40 veces. Gracias.

  • Luis Manuel Aquino Cruz dijo:

    Soy un novato en todo esto del html y javascrip pero hay la llevo ya diseñe una pagina en publisher, pero quiero complementarla con codigo html y javascrip. Serias tan amable de enviarme el codigo completo de los menus desplegables estan muy buenos. Estoy en mexico en el estado de chiapas Tapachula, chiapas

  • Marfil dijo:

    Los ejemplos son buenisimos, pero me podrias enviar el codigo. Gracias y saludos

  • Guillermo dijo:

    Me gustaría por favor que alguien me mandara el código fuente completo. Muchas gracias.

  • Lfonseca dijo:

    Por favor alguien podria enviarme el codigo completo ya que no tengo mucha experiencia en el campo. gracias

  • J.M.C.G. dijo:

    Me gustaría saber como puedo crear un archivo de texto con los menús y submenus correspondientes para una página que estoy creando. gracias

  • waterboy dijo:

    por favor estoy creando mi web y no entiendo mucho de codigo , me podeis mandar el codigo completo. muchas gracias

  • Mauricio Garcia dijo:

    Alguien me puede enviar el codigo completo o mejor aun un utilitario donde se mas facil y util poder hacer la barra de menus desplegables

  • Luis Ramírez dijo:

    Hola, tengo un problema con los menus desplegables. Si se despliega el menu sobre un combo el menu queda detras del combo por lo tanto no se ve el contenido del menu. ¿ Existe alguna manera de evitar esto ?.

  • David dijo:

    Lo que tienes que hacer es meter en una capa el combobox, de esa manera, quitarias la visibilidad de la capa en el momento que se desplega el menu. un saludo

  • Dani dijo:

    mas de lo mismo, soy novato y me encantaria tener el codigo... si fuera possible agradeceria que se me facilitara. Un saludo

  • Jaime dijo:

    el código no funciona en navegadores Mozilla, hay alguna manera de portarlo para ese navegador? Agradecería que pusierais el código. Gracias.

  • Josevi dijo:

    El procedimiento de mostrar y ocultar los menus en la teoria esta muy bien, pero no consigo que me funcione, me podeis pasar el codigo fuente del ejemplo para probarlo. Un saludo.

  • mariela dijo:

    la explicación me fue muy muy útil, pero no logro poder ver los desplegables en netscape, ni siquiera el ejemplo que cita la página (http://www.programacion.com/articulos/tw_menus/) podrían ayudarme???? muchas gracias y los felicitos por el sitio.

  • mariela dijo:

    Corrijo el comentario anterios. El menú no funciona en netscape 6 únicamente.

  • Hermoso dijo:

    Pues eso.

  • Rodolfo Resendiz dijo:

    Estoy empezando con NetObject y quisiera saber si puedo programar lo mismo en esta aplicacion.

  • Denik dijo:

    Como puedo colocar un tercer menú desplegable dentro del ya desplegado...

  • Alejo dijo:

    queria saber si alguien soluciono el problema siguiente: Cuando hago un menu desplegable con DIV. estos al abrirse sobre algun elemento de un FORM como un menu desplegable (option select) lo hace por debajo del mismo y no logra verse. Osea: Los Layers se abren por debajo de algunos objetos del form. como hago para hacer para que los leyers por encima de cualquier objetos de la pagina. y de los frames tambien???? Gracias!

  • Laura del Cerro dijo:

    He hecho un menú desplegable pero tengo un problema, y es que la página es de 750 y la tengo centrada, entonces cuando coloco el menú a 10 píxeles de la izquierda me sale bien en la configuración de pantalla de 800x600 pero si veo la página en 1024 entonces el menú no cae donde debería. Resumiendo, ¿cómo puedo poner la posición de los menús de forma que de igual viendo la página con configuraciones de pantalla distintas? Muchas gracias.

  • jesus dijo:

    Hemos realizado una pagina con las indicaciones y el menu desplegable que describis en esta WEB, que dicho de paso es muy interesante,y me gustaria saber si se pueden cerrar los menus al apartar el raton de la barra desplegable. GRACIAS DE ANTEMANO

  • Javier dijo:

    A mi también me gustaria saber como puedo cerrar los menus al retirar el ratón y como podría realizar un tercer nivel de menús, es decir, insertar una tercera capa. Salu2 y Gracias.

  • Jorge Berrocal dijo:

    No funciona el ejemplo del menú. ¡Arreglarlo!

  • Fernando dijo:

    Que tal, desde ya este sitio esta genial, bueno el problema que tengo es que cada ves que intento ejecutar el ejemplo, me sale el siguiente mensaje: ---Fatal error: Call to undefined function: nombrecompleto()in /chs/p1/programacion.com/home/html/articulos.php on line 34---- Ya me habia ocurrido intentando correr algunas paginas .php fuera de linea, puede ser que tenga algun conflicto el explorador cuando abre un objeto????? Desde ya muchas gracias .-

  • Fernando dijo:

    Podrian enviarme el ejemplo a mi cuenta, por favor ya que no lo puedo ver. Ademas me gustaria saber como hacen para que mis mensajes y el de los visitantes se impriman dinamicamente en pantalla. Desde ya muchas gracias.....Buen trabajo!!!

  • Raquel dijo:

    Necesito urgente saber como hacer menues y barras despegables. Estoy haciendo un sitio para un trabajo final y necesito ayuda con respecto al codigo. Desde ya Gracias

  • Francisco dijo:

    Agradeceria me informasen del codigo completo (o como crearlo con detalle) de los menus desplegables (no de persiana o cortina) , si no del que incluye por ejemplo la pagina: www.cajamadrid.es (que se despliegan o contraen dentro del mismo menu/capa al "clik" del raton. Muchas gracias anticipadas.

  • Ives Cespedes dijo:

    Necesito saber con urgencia como hacer un menu desplegable bien sencillo lo antes posible

  • Ana Paula dijo:

    Me podriais mandar el codigo fuente de los menus desplegables, para tener como ejemplo Muchas Gracias.

  • alfredo dijo:

    hoyes el ejemplo no funciona deverias de arreglarlos por que sin el es mas dificil entender el articulo

  • angel dijo:

    no se como pero perdi la barra de direcciones, y ahora quisiera reponerla de nuevo, ya que no se como entrar para escribir ninguna direccion

  • angel dijo:

    bueno, comenzare por decir que sin saber como, ya no se la manera de entrar en una barra de direcciones, pues no se como ha desaparecido esta, de mi escritorio, yo tengo el sistema operativo xp y la verdad es que este es una cosa nueva para mi, desearia que alguien me explique de que manera puedo conseguir de nuevo esta barra

  • ale dijo:

    si es lo que entendi la barra de direcciones sale con f11

  • Nerea dijo:

    Hola, a mi también me ha desaparecido la barra de dirrcciones, a pesar de tenerla seleccionada en: ver-> barras de herramientas-> barra de direcciones. Si alguien sabe como puedo recuperarla ya que es muy incomodo navegar si ella le agradeceria mucho que me lo dijera. Muchas Gracias.

  • Giovanny Tarifeño dijo:

    que pasa que no funciona el ejemplo

  • José Antonio dijo:

    Me gustaría saber qué hay que hacer en los menús desplegables para que se abran sólo cuando se pincha con el ratón en lugar de que se desplieguen cuando se pasa el ratón por encima, es que esto no se explica aqui.

  • dirarck dijo:

    En el Curso de Javascript 1.2 de esta misma página hallaras la respuesta a tu pregunta, OnMouseOver es un evento que responde al acto de que el puntero pase/esté sobre un elemento determinado, si quisieras hacerlo en caso de un Click el evento necesario es OnClick, y asi sucesivamente según tus necesidades o imaginaciones... Un saludo

  • David Pizarro dijo:

    por favor necesito el codigo de menus desplegables en html, para una pagina de una empresa donde estoy haciendo mis practicas, gracias.

  • JOEL CARREÑO dijo:

    hola buen tutorial, auq fallan los ejemplos funcioando que son muy importantes para realizar el aprendizaje, ya que motivan a los usuarios a llegar a tal meta.

  • Enrique dijo:

    El texto de la funcion : function activarMenu() { if (soporta.DHTML && menuActivo != this) { ... es function activarMenu() { if (soporta.DHTML &&; menuActivo != this) { ...

  • Ana dijo:

    Necesito los códigos de estos tres ejemplos por favor, lo necesito urgentemente, si soys tan amables os lo agradecería mucho. Muchas gracias

  • Jeivi dijo:

    Me gustaría que me mandases el código completo y un manual de cómo utilizarlo, tanto en horizontal como en vertical. Muchas gracias....

  • Ricardo dijo:

    quiziera que me mandaran una guía y el código completo para hacer bien el menu.

  • cesar dijo:

    dfsdfsdfsdfsdf sdfsdf

  • Fernando dijo:

    hola gracias por inlcuir esto en la pagina pero hay alguna posibilidad de que me mandes el codigo completo.... es que el problema es q soi nuevo en esto.... muchas gracias!

  • Edgar Botello dijo:

    Me podrías mantar el tutorial y código Te lo agradecería mucho Por Favor. Gracias.

  • Ivan dijo:

    Me podria alguien mandar el codigo entero, lo necesito urgentemente. Muchas gracias....

  • Oscar dijo:

    Agradeceria me enviaran el codigo completo pues me es de urgencia. Gracias

  • Cristian Villegas dijo:

    Serías tan amable de enviarme un demo para ver como funciona

  • juan salazar villa dijo:

    Deseo que me mandes el ejemplo de menus ya que no se ven en mi maquina Gracias

  • Denise dijo:

    Serias tan amable de enviarme el codigo, realmente me urge!!!

  • Auron dijo:

    A mi me paso lo mismo que a muchos de vosotros (me desaparecio la barra de direcciones. Pues aqui teneis la solucion. Para que se vuelva a ver la barra de direcciones solo teneis que hacer clic con el boton derecho del raton arriba (donde lo del historial, actualizar y todo eso) i DESMARCAR lo que pone: bloquear las barras de herramientas. (Aseguraos que teneis marcada la opcion: Ver - Barra de herramientas - Barra de direcciones. Una vez hecho esto debera aparecer un cuadro que pone direcion o direcciones o algo parecido. Como habreis desbloqueado la barra de herramientas podreis mover este cuadrito (direccion) hacia abajo i vereis cómo aparece la barra de direcciones tan necesitada.

  • Jon dijo:

    Para el que quiera ver un ejemplo de lo que aki se dice: http://rinconprog.metropoliglobal.com/CursosProg/Internet/JavaScript/EjemplosResueltosJS/index.php?cap=011

  • Yoly dijo:

    HOLA, AL IGUAL QUE NEREA PERDI MI BARRA DE DIRECCIONES EN WINDOWS XP, AUNQUE ESTABARRA SE ENCUENTRA ACTIVA NO ME APARECE DE NINGUNA FORMA ALGUIEN SABE COMO RECUPERARLA GRACIAS

  • matin dijo:

    hola necesitaria que alguien me diga como hacer un manu de desplazamiento como en de el explorador de windows ya que busque en la web y no encontre nada. es para fornt page desde ya muchas gracias

  • JaviBcn dijo:

    Pues eso, que se me ha borrado la barra de direcciones y no hay manera de habilitarla. Como puedo hacer para que aparezca de nuevo? Gracias

  • Sergio dijo:

    A ver tengo el siguiente problema... cuando despliego un menu me aparcen las opciones por detras de un combobox que tengo una linea mas abajo del menu... si alguien sabe como resolver esto me ayudaria mucho

  • Paco dijo:

    Buenos dias: Intento hacer un menu desplegable en una pagina html dentro de un formulario. Os agradeceria mucho que me mandeis codigo del ejemplo de un menu para por ejemplo 3 elementos. Gracias por leerme.

  • david dijo:

    tengo un problema que es que no se como eliminar una pagina web de mi menu de direcciones podria alguien decirme como hacerlo gracias

  • RENE GABRIEL SALAS AGUILAR dijo:

    fdeaafsadfa

  • Alex dijo:

    La gran mayoría de enlaces dentro del artículo (y muchos otros) que hacen referencia a páginas del propio sitio estan rotos.

  • Martin dijo:

    Estoy intentando buscar codigos para ver, practicar, menus desplegables en html si teneis alguno facil... decirme donde y como puedo tenerlo... GrACIAS.

  • Merce dijo:

    Me gustaría ver un ejemplo de menú desplegable pero que vaya saliendo poco a poco, con 3 menús y cada uno con otros tres submenús. Muchas gracias

  • carlos peregrina dijo:

    Valla valla, si que es interesante heeee espero que me resulte util en la creacion de mi proxima web...... les recomiendo este curso

  • Tomas Crespo dijo:

    El enlace del ejemplo que representa al articulo en realidad debería ser este http://www.programacion.com/articulos/tw_menus/index.html

  • Gerardo dijo:

    Todo esto es estupendo y creo que si me mandaran el codigo de la pagina recursos.thm seria genial ya que es lo unico que me falta para hacer una gran pagina web y saber bien como desplegar el menu del ejemplo.

  • Esteban dijo:

    Me parece que debe ser excelente pero me podrian explicar como dejarlo foncionando, o enviarme un ejemplo, os lo agradeceria mucho. saludos

  • Florencia dijo:

    se me borro la barra de direcciones y no se como activarla.... por favor alguien me puede ayudar??

  • Eduardo santellano dijo:

    NO ENCONTRABA COMO RECUPERALA HASTA QUE DECIDÍ DESBILITAR TODAS LAS BARRAS DE HERRAMIENTAS QUITANDOLES LA PALOMITA RESPECTIVA (EN VER, LUEGO TOOLBARS) Y FUI HABILITANDOLAS TODAS DE NUEVO, INCLUYENDO LA BARRA DE DIRECCIONES. CUANDO LA BARRA DE DIRECCIONES (ADDRESS BAR QUEDO HABILITADA, AÚN ASI NO SE VEÍA, LO UNICO QUE HICE FUE ARRASTRAR CON EL RATÓN LA PESTAÑA PUNTEADA QUE ESTA COLOCADA A LA IZQUIERDA DE LA PALABRA "ADDRESS" SALUDOS

  • alex dijo:

    hola q tal,una sugerencia a parte de poner el codigo debe de poner una demostracion de como va a salir,y francamente los codigos q estan ahi no entiendo, no se como empezar.Por favor espero una respuestas suya. Gracias

  • Sergio dijo:

    Hola, opino como otros... no se q opinar del codigo porque no se como pasar todos esos codigos al html.. por favor lean esto y mandenme el como emplearlo .. gracias

  • Diana dijo:

    Estoy utilizando AllWebMenu para hacer un chevere menu en mi pagina pero lo compilo y sigo todos los pasos para ponerlo en mi pagina pero no funciona simplemente no se ve nada Por favor alguien ayudeme Gracias

Conéctate o Regístrate para dejar tu comentario.