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ú 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 y 3.0b5
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.begues.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.begues.net/consultoria/index.html" title="Juan Rodríguez [Consultor] :: Consultoría de Empresas (Gestión y Organizació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.begues.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/personal/5210-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]
Barcelona, Begues, Castelldefels