A continuación veremos un script que te permitirá crear un menú desplegable.
Cuando el usuario seleccione un elemento de la lista, será redirigido a la dirección correspondiente.
Debes poner el siguiente código en el encabezado de tu página (entre <head> y </head>):
<script type="text/javascript">
window.onload = function() {
formulario = document.getElementById('form_url');
formulario.onsubmit = function() {
if(this.elements[0].value != "") {
document.location.href = this.elements[0].value;
}
};
formulario.elements[0].onchange = function() {
if(this.value != "") {
document.location.href = this.value;
}
};
};
</script>
El siguiente script debes introducirlo en tu contenido, donde deseas ver la lista (este script ya esta completado con algunos ejemplos):
<form action="redireccion.php" metodo="post" id="form_url">
<p>
<label for="url">Menu :</label>
<select name="url" id="url">
<option value="">Seleccione:</option>
<option value="index.html">Home</option>
<option value="news.html">News</option>
<option value="contact.html">Contacte con nosotros</option>
</select>
<input type="submit" value="Ok" />
</p>
</form>
Este script es muy simple de adaptar, y rápidamente deberías entender el principio.
Para no dejar de lado a los que no tienen activado Javascript (aunque son muy raros), puedes crear una página llamada “redirección.php” conteniendo:
<?php
header('Location: '.urldecode($_GET['url']));
?>
Véase también
Comunidad de asistencia y consejos.
El artículo original fue escrito por
avion-f16. Traducido por
Carlos-vialfa.
