Categorías destacadas
programacion php    
Artículo
11
¡votar!

 Barra de menús desplegables (I)

1 . En qué consiste
2 . Cómo personalizar los menús
3 . Cómo funcionan por dentro
    3.1 . Objeto Menu
    3.2 . Eventos

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.

   
Publicado por:
Administrador
Recomendar
a un amigo
Compartir
en redes
 
Comentarios
Anónimo dice:

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

31/08/2007, a las 02:29:48
Anónimo dice:

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

02/07/2007, a las 01:24:36
Anónimo dice:

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

17/04/2007, a las 17:37:25
Anónimo dice:

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

21/09/2006, a las 22:19:53
Anónimo dice:

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

09/09/2006, a las 19:13:40
Anónimo dice:

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

04/09/2006, a las 12:13:14
Anónimo dice:

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.

01/09/2006, a las 20:53:07
Anónimo dice:

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

08/05/2006, a las 20:40:54
Anónimo dice:

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

18/04/2006, a las 23:54:25
Anónimo dice:

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

01/02/2006, a las 15:07:45
Anónimo dice:

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

10/10/2005, a las 13:31:12
Anónimo dice:

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

02/06/2005, a las 11:07:54
Anónimo dice:

fdeaafsadfa

31/05/2005, a las 20:37:02
Anónimo dice:

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

12/05/2005, a las 00:45:18
Anónimo dice:

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.

29/04/2005, a las 08:48:52
Anónimo dice:

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

11/02/2005, a las 13:47:25
Anónimo dice:

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

05/02/2005, a las 20:39:04
Anónimo dice:

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

29/12/2004, a las 01:49:10
Anónimo dice:

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

01/12/2004, a las 20:45:50
Anónimo dice:

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

24/09/2004, a las 19:03:35
Anónimo dice:

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.

08/08/2004, a las 03:03:05
Anónimo dice:

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

06/08/2004, a las 02:49:50
Anónimo dice:

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

14/07/2004, a las 23:51:26
Anónimo dice:

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

03/07/2004, a las 01:21:57
Anónimo dice:

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

27/06/2004, a las 02:33:42
Anónimo dice:

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

03/06/2004, a las 00:12:23
Anónimo dice:

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

18/05/2004, a las 23:08:08
Anónimo dice:

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!

30/04/2004, a las 05:56:49
Anónimo dice:

dfsdfsdfsdfsdf sdfsdf

27/04/2004, a las 19:20:22
Anónimo dice:

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

14/04/2004, a las 02:56:34
Anónimo dice:

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....

04/03/2004, a las 13:40:14
Anónimo dice:

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

25/02/2004, a las 10:39:25
Anónimo dice:

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

17/02/2004, a las 20:26:12
Anónimo dice:

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.

05/02/2004, a las 16:01:59
Anónimo dice:

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

26/11/2003, a las 02:34:29
Anónimo dice:

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

15/11/2003, a las 23:50:19
Anónimo dice:

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.

13/11/2003, a las 23:25:32
Anónimo dice:

que pasa que no funciona el ejemplo

08/10/2003, a las 19:57:52
Anónimo dice:

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.

05/10/2003, a las 17:13:39
Anónimo dice:

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

18/09/2003, a las 23:36:31
Anónimo dice:

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

27/06/2003, a las 18:39:41
Anónimo dice:

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

27/06/2003, a las 18:31:01
Anónimo dice:

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

27/06/2003, a las 06:18:09
Anónimo dice:

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

04/06/2003, a las 23:29:51
Anónimo dice:

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

14/05/2003, a las 00:21:15
Anónimo dice:

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.

13/05/2003, a las 21:35:30
Anónimo dice:

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

29/04/2003, a las 13:57:05
Anónimo dice:

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!!!

18/04/2003, a las 18:22:33
Anónimo dice:

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 .-

16/04/2003, a las 07:06:48
Anónimo dice:

No funciona el ejemplo del menú. ¡Arreglarlo!

30/03/2003, a las 18:36:49
Anónimo dice:

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.

21/03/2003, a las 10:44:31
Anónimo dice:

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

06/03/2003, a las 00:40:12
Anónimo dice:

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.

17/01/2003, a las 11:38:00
Anónimo dice:

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!

15/01/2003, a las 15:40:08
Anónimo dice:

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

18/11/2002, a las 15:59:48
Anónimo dice:

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

17/10/2002, a las 21:25:35
Anónimo dice:

Pues eso.

15/10/2002, a las 23:27:41
Anónimo dice:

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

04/10/2002, a las 02:43:03
Anónimo dice:

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.

03/10/2002, a las 19:02:46
Anónimo dice:

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.

01/10/2002, a las 17:25:32
Anónimo dice:

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

26/09/2002, a las 22:06:31
Anónimo dice:

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

21/09/2002, a las 00:38:13
Anónimo dice:

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

17/09/2002, a las 11:33:34
Anónimo dice:

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 ?.

21/08/2002, a las 20:14:59
Anónimo dice:

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

20/08/2002, a las 15:42:59
Anónimo dice:

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

28/07/2002, a las 23:24:02
Anónimo dice:

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

19/07/2002, a las 12:42:43
Anónimo dice:

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

13/07/2002, a las 03:29:18
Anónimo dice:

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

09/07/2002, a las 17:52:47
Anónimo dice:

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

04/04/2002, a las 01:49:26
Anónimo dice:

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

02/04/2002, a las 05:27:53
Anónimo dice:

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.

21/03/2002, a las 09:16:18
Anónimo dice:

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

19/03/2002, a las 03:38:39
Anónimo dice:

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.

11/03/2002, a las 10:52:12
Anónimo dice:

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

05/03/2002, a las 12:54:55
Anónimo dice:

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

02/03/2002, a las 06:21:38
Anónimo dice:

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

27/02/2002, a las 01:38:37
Anónimo dice:

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

26/02/2002, a las 00:47:30
Anónimo dice:

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

19/02/2002, a las 23:45:11
Anónimo dice:

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!!

16/02/2002, a las 22:06:37
Anónimo dice:

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

13/02/2002, a las 02:59:52
Anónimo dice:

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...

09/02/2002, a las 06:44:02
Anónimo dice:

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

07/02/2002, a las 02:05:06
Anónimo dice:

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

26/01/2002, a las 13:58:44
Anónimo dice:

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.

18/01/2002, a las 11:57:27
Anónimo dice:

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 :)

15/01/2002, a las 09:42:05
Anónimo dice:

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

11/01/2002, a las 01:19:31
Anónimo dice:

No funciona en el Netscape 6.0

04/01/2002, a las 00:41:35
Anónimo dice:

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.

25/12/2001, a las 10:42:08
Anónimo dice:

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.

14/12/2001, a las 01:53:27
Anónimo dice:

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.

24/11/2001, a las 15:08:21
Anónimo dice:

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.

12/11/2001, a las 02:37:51
Anónimo dice:

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.

08/11/2001, a las 08:42:23
Anónimo dice:

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

23/10/2001, a las 00:27:36
Anónimo dice:

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

21/10/2001, a las 03:17:07
Anónimo dice:

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

20/10/2001, a las 05:42:07
Anónimo dice:

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.

09/10/2001, a las 09:24:25
Anónimo dice:

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

05/10/2001, a las 10:18:13
Anónimo dice:

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

05/10/2001, a las 06:25:00
Anónimo dice:

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.

30/09/2001, a las 02:28:39
Anónimo dice:

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

29/09/2001, a las 00:38:41
Anónimo dice:

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

24/09/2001, a las 04:51:14
Anónimo dice:

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

18/09/2001, a las 01:44:26
Anónimo dice:

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

03/09/2001, a las 13:02:28
Anónimo dice:

me gustaria que me enviarais el codigo completo. Gracias.

03/09/2001, a las 10:37:59
Anónimo dice:

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

28/08/2001, a las 02:41:07
Anónimo dice:

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...

31/07/2001, a las 06:11:55
Anónimo dice:

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

15/05/2001, a las 11:25:36
Anónimo dice:

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

28/03/2001, a las 23:56:33
Anónimo dice:

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.

20/03/2001, a las 02:01:07
Anónimo dice:

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...

09/03/2001, a las 23:15:22
Anónimo dice:

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.

31/01/2001, a las 01:19:48
Anónimo dice:

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

26/01/2001, a las 12:13:12
 
BBDD
Entornos de desarrollo
Entretenimiento
Herramientas
Internet
Lenguajes de script
Lenguajes imperativos
Lenguajes orientados a objeto
Otros lenguajes
Plataformas
Teoría
Varios
Copyright © 1998-2011 Programación en Castellano. Todos los derechos reservados
Datos legales | Politica de privacidad | Contacte con nosotros | Publicidad

Diseño web y desarrollo web. Un proyecto de los hermanos Carrero.

Red internet:
Juegos gratis | Servidores dedicados
Más internet: Password | Directorio de weblogs | Favicon