ABCdatos
Programas y tutoriales
en castellano
ABCdatos tu página de inicio Inicio       
Su navegador rechazó un objeto incrustado.
Su navegador no soporta objetos incrustados. Vea los últimos mensajes en el foro.
PUBLICIDAD


Menú de navegación desplegable

     
Fuente: ParaWebMasters
     
  • Descripción
  • Opiniones
  • Recomendar

PUBLICIDAD

Es muy sencillo hacer un menú de navegación utilizando para ello un campo de formulario despegable y un botón para confirmar la selección, como el que se muestra a continuación (Nota: El menú de ejemplo no es operativo, es una simple muestra de como sería el resultado visualmente).

Para crear un menú de este tipo se debe utilizar el siguiente código HTML en el lugar concreto donde queramos situarlo dentro de la página:


<form>
<select name="urldestino">
<option selected>--- M E N U ---
<option value="index.html" >Inicio
<option value="pagina1.html">Añadir URL
<option value="pagina2.html">Modificar URL
<option value="pagina3.html">Nuevo
<option value="pagina4.html">Interesante
<option value="pagina5.html">Top
</select>
<input type="button" value="IR" onclick="location=this.form.urldestino.value" name="button">
</form>

Este código debe ser modificado para adaptarlo a cada página, substituyendo las partes en color rojo del texto por los nombres de los archivos html de destino, con la ruta adecuada de no estar en el mismo directorio que el archivo que contendrá este menú, como si se tratase de enlaces normales.

El texto en color verde es el que se mostrará al usuario al desplegar el menú. No es necesario que coincida con el nombre del documento HTML.

Se pueden utilizar en este menú tantas opciones como se desee, simplemente repitiendo las veces necesarias las líneas de los enlaces.


No hay opiniones de los usuarios. ¡Sé el primero en dar tu opinión! (No requiere registro)

¿Te gusta este truco? ¡Recomiéndaselo a un amigo!

     
     
     
     
     
     
Las direcciones de correo electrónico que se proporcionan en este servicio, solamente serán utilizadas con la finalidad de enviar la recomendación al destinatario. Ni tu dirección de correo ni la de tu amigo/a serán utilizadas para ningún otro propósito.
Copyright © 1999-2013 ABCdatos.com. Todos los derechos reservados. RSS ABCdatos Webmasters
Para información sobre privacidad, consulte la declaración de política de privacidad.
Contactar con ABCdatos.