Navegando con un menú de selección
Escrito por J.F. el Martes, 3 de Julio del 2007 a las 13:13
Gracias al uso de Javascript podemos utilizar un menu select para navegar. Según la opción que elijamos iremos a una página o a otra. Su uso es muy sencillo, y solo necesita el siguiente código. Recuerda que debes cambiar las URL´s por las que tu desees:
-
<select name="select" onChange="location.href=this.value">
-
<option value="#">Seleccione opción</option>
-
<option value="http://yournightmare86.byethost18.com/solocodigo/">Solo Código</option>
-
<option value="http://yournightmare86.byethost18.com/">Informática Práctica</option>
-
</select>
Recuerda que puedes añadir todos los links que desees, añadiendo simplemente:
-
<option value="http://vinculo.que.quieras.com">Descripción</option>
Si no quieres que los vínculos se abran en la misma ventana, si no que deseas que se haga en una nueva, tan sólo debes cambiar la línea
-
<select name="select" onChange="location.href=this.value">
por
-
<select name="blogs" onChange="window.open(this.value)">
Aquí puedes ver un ejemplo funcionando, en el que los vínculos se abren en la misma página:
El mismo ejemplo, pero abriendo los vínculos en una nueva ventana del navegador:
Una opción muy útil cuando tenemos un gran bloque de vínculos y no queremos que ocupen un gran espacio.
Categoria: Javascript
- Añadir este post a
- Del.icio.us -
- Meneame -
- Digg -
- Webeame
Entradas relacionadas
Deja un comentario
