![]() |
| Estás en: Juan Rodríguez, web personal > JavaScript > Índice de guiones > Menú desplegable (pop-up) < |
Verificado en: Opera 9.02 y 9.20Opera 6.05, 7 y 8 Firefox 3.05 Firefox 1.5, 3.0b5 y 3.0.6 Mozilla 1.8 Netscape 7 Internet Explorer 6 y 7 |
El guión gestiona este tipo de menús, muy difundidos aunque poco usables. Eso sí, cuando escasea el espacio ... A la derecha se muestran dos alternativas: dejar visible una o varias líneas, lo que se establece con el parámetro size. Para Opera, Netscape y Firefox (todas las versiones) y para Internet Explorer (versiones 7 y 8), con selectedIndex se establece que opción quedará resaltada después de haber usado el menú. La primera opción es la 0 (cero), no la 1 (uno). En ambos ejemplos se ha establecido selectedIndex="4" que se corresponde con la 5a. opción. (La primera opción del menú es selectedIndex="0"). |
Ejemplos de aplicación de este guión
|
Instalación Ver código Descargar + guiones
Código en las cabeceras (head) de la página
<script type="text/javascript">
<!-- inicio
function menupopup() {
window.location.href=(document.getElementById("Menu").opcion.options
[document.getElementById("Menu").opcion.selectedIndex].value);
document.getElementById("Menu").opcion.selectedIndex="0"};
// final -->
</script>
Código en el cuerpo (body) de la página
<form action=" " method="get" id="Menu">
<div>
<select name="opcion" size="4" onchange="menupopup()" style="border:1px blue outset">
<option value="http://www.juan-rodriguez.net"> Juan Rodríguez, consultor </option>
<option value="http://www.juan-rodriguez.net/organizacion/index.html"> Consultoría en Organización</option>
<option value="http://www.juan-rodriguez.net/internet/index.html"> Consultoría en Internet</option>
<option value="http://www.juan-rodriguez.net/usabilidad/index.html"> Consultoría en Usabilidad</option>
<option value="http://www.begues.net/opera/index.html"> Opera... ¡ el navegador !</option>
<option value="http://www.begues.net/begues/index.html"> Begues (Barcelona)</option>
<option value="http://www.castefa.net"> Directorio de Castelldefels</option>
<option value="http://www.beguesinternet.es/ourense/index.html"> Directorio de Ourense</option>
<option value="http://www.begues.net/javascript/index.html"> Guiones de JavaScript</option>
<option value="http://www.juan-rodriguez.net/info/jrc930-directorio.html"> Directorio</option>
<option value="http://www.begues.net/info/9250-libro_de_visitas.html"> Libro de Visitas</option>
</select>
</div></form>
Copyright ©
Juan Rodríguez, consultor y
Begues Internet, s.l.
Todos los derechos reservados
Aviso Legal
Cuidar de nuestro entorno natural,
puede y debe ser cosa de todos.
Por ejemplo, no gastando papel para
imprimir una información que siempre
puedes tener en la pantalla de tu pc.
- -
Juan Rodríguez, consultor
Castelldefels (Barcelona)