![]() |
| Estás en: Juan Rodríguez [Consultor] > JavaScript > Índice de guiones > Menú en tabla (Internet Explorer) < |
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 |
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
|
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>
Copyright ©
Juan Rodríguez 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]
Barcelona, Begues, Castelldefels