![Juan Rodríguez [Consultor]](../rc/rc262-jrc.png)
 |
| Estás en: Juan Rodríguez [Consultor] > JavaScript > Índice de guiones > Menú desplegable (pop-up) < |
Verificado en: Opera 9.02 y 9.20Opera 6.05, 7 y 8 Firefox 1.5 y 3.0b5 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 y Netscape (no para I.E.), 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.begues.net"> Juan Rodríguez [Consultor] </option>
<option value="http://www.begues.net/consultoria/index.html"> Consultoría de Empresas</option>
<option value="http://www.begues.net/internet/index.html"> Consultoría en Internet</option>
<option value="http://www.begues.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.begues.net/javascript/index.html"> Guiones de JavaScript</option>
<option value="http://www.begues.net/9300-directorio.html"> Directorio</option>
<option value="http://www.begues.net/personal/5210-libro_de_visitas.html"> Libro de Visitas</option>
</select>
</div></form>
![Juan Rodríguez [Consultor]](../corporate/jrc010-jrc_mv.png)
Copyright ©
Juan Rodríguez y
Begues Internet s.l.
Todos los derechos reservados
Aviso Legal
![Juan Rodríguez [Consultor]](../rc/rc220-jrc_v.png)
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]
Barcelona, Begues, Castelldefels
