JavaScriptGuiones de JavaScript *
JavaScriptGuiones e información sobre JavaScript
GuionesÍndice de guiones ("scripts") de JavaScript Los últimosÚltimos guiones ("scripts") incorporados o modificados Los más vistosGuiones ("scripts") más visitados
ArtículosArtículos y apuntes sobre JavaScript Prensa digitalJavaScript en la prensa digital
InternetJuan Rodríguez [Consultor]
Consultoría en Internet
ContactarPor si quieres escribirnos...
*
Mapa WebMapa Web (Directorio) de nuestros contenidos sobre JavaScript << Menú >>
Juan Rodríguez [Consultor] Guiones (scripts) de JavaScript
Estás en: Juan Rodríguez [Consultor] > JavaScript > Índice de guiones > Menú desplegable (pop-up) <

Menú desplegable (pop-up)

Verificado en:

Opera 9.02 y 9.20
Opera 6.05, 7 y 8
Firefox 1.5 y 3.0b5
Mozilla 1.8
Netscape 7
Internet Explorer 6 y 7

Opera web browser

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>


javascriptMenú desplegable (pop-up)

Juan Rodríguez [Consultor]

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.
- -

Guiones y "scripts" de JavaScript

Juan Rodríguez [Consultor]
Barcelona, Begues, Castelldefels