Programación en castellano
Inicio > Taller ASP > Lenguajes de script > Javascript > Navegación con menús desplegables
-Artículos

Navegación con menús desplegables

1 . En qué consiste
2 . Cómo realizarlo

Una buena manera de ahorrar espacio en nuestras páginas es usando menús desplegables en lugar de interminables listas de enlaces.

En qué consiste

Lo que queremos es incorporar a nuestras páginas menús de este tipo:

De este modo podemos incluir innumerables enlaces en un muy pequeño espacio, ahorrándonos esas listas de enlaces que parecen la lista de la compra de una familia numerosa. En contra de estos menús se puede alegar que no resultan muy vistosos que digamos.

Cómo realizarlo

Para realizar este truco necesitaremos crear la lista desplegable, colocando como parámetro VALUE la dirección de la página web e incluyendo un evento onChange (que se ejecuta cuando el usuario cambia la opción escogida en la lista) que llamará a una función que definiremos más adelante:

<FORM name="formulario">
  <SELECT NAME="menu" SIZE=1 onChange ="irA(this)">
    <OPTION VALUE="">Visitar
    <OPTION VALUE="http://www.ole.es">¡Olé!
    <OPTION VALUE="http://www.ozu.es">Ozú
    ...
  </SELECT>
</FORM>

La función irA recibe como parámetro this, que es una referencia al objeto actual, en este caso la lista. El código de dicha función será el siguente:

function irA(menu){
  window.location.href = menu.options[menu.selectedIndex].value;
}

Esta función cambia la dirección de la página actual por el valor de la opción (menu.options[...].value) que el usuario ha escogido (menu.selectedIndex).

 

Últimos comentarios
Últimos 5 comentarios

Limitar items a mostrar. (11/06/2008)

Por
Hola. Pregunta. Si quisiera limitar la cantidad de items a mostrar. Poe ej. a 10, es posible ?

necesito un menu desplegable (12/07/2007)

Por
hola necesito que cuando se selecione un menu deplegable el valor de este elemento se ponga en un cuadro de texto

Añadir el valor de una opcion de la listna caja de textoa (25/05/2007)

Por
Hola a todos.
Lo que necesito es que cuando yo seleecione un elemento de una lista desplegable me muestre en una caja de texto el valor de dicho elemento seleccionado.
de antemano muchas gracias.

listas desplegables al pasar el puntero (24/04/2007)

Por
hola les agradeceria mucho si alguien m dijera como incertar una lista desplegable al pasar el puntero xfavor, muchas gracias =)

Menú desplegable con opción de autocompletar (27/09/2006)

Por
¡Hola!
Quiero hacer un menú desplegable en el que según voy escribiendo un texto límite las opciones del desplegable a las que coinciden con el texto escrito.
Por ejemplo: si quiero seleccionar una provincia del desplegable, en vez de desplegar el menú y seleccionar, quiero escribir las inicias "AL" y que las opciones del desplegable se limiten a las que empiezan por "AL": "ALAVA, ALICANTE, ALMERIA,..."
Muchas gracias,
 
Tienda
Patrocinados
 

Copyright © 1999-2007 Programación en castellano. Todos los derechos reservados.
Formulario de Contacto - Datos legales - Publicidad

Hospedaje web y servidores dedicados linux por Ferca Network

red internet: musica mp3 | logos y melodias | hospedaje web linux | registro de dominios | servidores dedicados
más internet: comprar | recursos gratis | posicionamiento en buscadores | tienda virtual | gifs animados