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, web personal > JavaScript > Índice de guiones > Menú en tabla (Internet Explorer) <

Menú en tabla (Internet Explorer)

Verificado en:

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

Opera web browser

Este guión se basa en funciones propias del Internet Explorer como "innerHTML" ( = no estándar) y gestiona un menú como el de la derecha.

El menú es realmente una tabla con los elementos que se deseen. No hay que ajustar el guión.

Funciona en Opera y Firefox. Con Opera 6.x no se obtiene la descripción de cada opción, que se muestra al final del menú.

Ejemplo de aplicación de este guión
JavaScript
Internet
Opera
Consultoría
Usabilidad
Begues
Casa en Venta
Castelldefels
Libro de Visitas

Instalación Ver código Descargar + guiones

Código en la cabecera (head) de la página (estilos)

<style type="text/css">
a:link a:visited a:active {text-decoration:none}
.Xmenu {font-family:Arial; font-weight:bold; padding:10px 10px 0 10px}
.Xmenu a {text-decoration:none; color:blue}
</style>

Código en la cabecera (head) de la página (guión de JavaScript)

<script type="text/javascript">
<!-- inicio
function mostrar(which,html) {
which.style.background='coral'
if (document.getElementById) {document.getElementById("descripcion").innerHTML=html}
else {descripcion.innerHTML=html} }

function ocultar(which){
which.style.background='none'
if (document.getElementById) {document.getElementById("descripcion").innerHTML=' '}
else {descripcion.innerHTML=' '} }
// final -->
</script>

Código en el cuerpo (body) de la página (tabla menú)

<table style="border:1px white outset">
<tr>
<td class="Xmenu" id="opc1" onmouseover="mostrar(this,'Apuntes y guiones de JavaScript')" onmouseout="ocultar(this)">
<a href="http://www.begues.net/javascript/index.html" title="Scripts de JavaScript">JavaScript</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc2" onmouseover="mostrar(this,'Consultoría en Internet')" onmouseout="ocultar(this)">
<a href="http://www.juan-rodriguez.net/internet/index.html" title="Juan Rodríguez, consultor - Consultoría en Internet">Internet</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc3" onmouseover="mostrar(this,'Navegador Opera')" onmouseout="ocultar(this)">
<a href="http://www.begues.net/opera/index.html" title="Opera... ¡ el navegador !">Opera</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc4" onmouseover="mostrar(this,'Consultoría de Empresas')" onmouseout="ocultar(this)">
<a href="http://www.juan-rodriguez.net/organizacion/index.html" title="Juan Rodríguez, consultor - Consultoría en Organización y Gestión">Consultoría</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc5" onmouseover="mostrar(this,'Consultoría en Usabilidad')" onmouseout="ocultar(this)">
<a href="http://www.juan-rodriguez.net/usabilidad/index.html" title="Juan Rodríguez, consultor - Consultoría en Usabilidad">Usabilidad</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc6" onmouseover="mostrar(this,'Begues (Barcelona) ')" onmouseout="ocultar(this)">
<a href="http://www.begues.net/begues/index.html" title="Begues (Barcelona)">Begues</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc7" onmouseover="mostrar(this,'Venda / compre su casa por Internet')" onmouseout="ocultar(this)">
<a href="http://www.casaenventa.info" title="Casa en Venta">Casa en Venta</a>
</td></tr>

<tr>
<td class="Xmenu" id="opc8" onmouseover="mostrar(this,'Directorio de Castelldefels')" onmouseout="ocultar(this)">
<a href="http://www.castefa.net" title="Directorio de Castelldefels (Barcelona)">Castelldefels</a>
</td></tr>

<tr>
<tdtd class="Xmenu" id="opc9" onmouseover="mostrar(this,'Firme en nuestro Libro de Visitas')" onmouseout="ocultar(this)">
<a href="http://www.begues.net/info/9250-libro_de_visitas.html" title="Libro de Visitas">Libro de Visitas</a>
</td></tr>

<tr>
<td id="descripcion" style="height:36px; vertical-align:bottom; font-family:Verdana; font-size:10pt; padding:0 10px">
</td></tr>
</table>

javascriptMenú en tabla (Internet Explorer)

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
Castelldefels (Barcelona)