Hola soy un verdadero novato en esto hasta ahora todo me habia salido bien con la guia de CCTW, pero al colocarle los menus a la seccion 2,3 y 4(este 4 es adicional) no me sale ni el 1 no se en que este mal aqui les paso los codigos y todo lo demas.
Plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id=""publicidad"">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
Sección 1
Sección 2
Sección 3
Sección 4
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1> Enlace 1 Enlace 2 Enlace 3 Enlace 4
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<ul>
<div id="pieuno">
Foro Ejemplo Contactos Nos Enlazan
<ul>
<div id="piedos">pie dos</div>
<ul>
<div id="pietres">
Directorio TopSite Mapa de la Web
</div>
<div id="curva-inferior"></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
numero-de-menus:
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate=unction(){document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
desplegable4.onactivate=unction(){document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate=function(){document.getElementById('desplegable4').className = ''; }
}
}
definir-menus:
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Seccion 1','ruta');
desplegable1.addItem('Seccion 2','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
desplegable1.addItem('Seccion 3','ruta');
desplegable1.addItem('Seccion 4','ruta');
desplegable1.addItem('Seccion 5','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable1_0.addItem('Sub-Seccion 5.1','ruta');
desplegable1_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Seccion 1','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
desplegable2.addItem('Seccion 3','ruta');
desplegable2.addItem('Seccion 4','ruta');
desplegable2.addItem('Seccion 5','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
desplegable2_0.addItem('Sub-Seccion-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
desplegable3.addItem('Seccion 3','ruta');
desplegable3.addItem('Seccion 4','ruta');
desplegable3.addItem('Seccion 5','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
desplegable3_0.addItem('Sub-Seccion-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('Seccion 1','ruta');
desplegable4.addItem('Seccion 2','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[1]);
desplegable4_0.addItem('Sub-Seccion 2.1','ruta');
desplegable4_0.addItem('Sub-Seccion 2.2','ruta');
desplegable4_0.addItem('Sub-Seccion 2.3','ruta');
desplegable4.addItem('Seccion 3','ruta');
desplegable4.addItem('Seccion 4','ruta');
desplegable4.addItem('Seccion 5','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[4]);
desplegable4_0.addItem('Sub-Seccion-Seccion 5.1','ruta');
desplegable4_0.addItem('Sub-Seccion 5.2','ruta');
TransMenu.renderAll();
}
Espero que si pueda poner los codigos aqui si no una disculpa pero ya hice todo lo que estaba a mi alcance si me pudieran ayudar gracias!!! :(
Plantilla:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-desplegable.css" type="text/css" media="all">
<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>
<script language="javascript" src="numero-de-menus.txt" type="text/javascript"></script>
</head>
<body onload="init();">
<div id="global">
<div id="curva-superior"></div>
<div id="cabecera">
<div id="logotipo">[contenido no disponible]</div>
<div id=""publicidad"">Bienvenidos a mi Web</div>
</div>
<div id="navegacion">
<ul>
</div>
<div id="contenido">
<div id="menu">
<h1>Título de Sección 1</h1>
</div>
<h1>Esta será la zona principal de la web</h1>
Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>
<h2>Y este es el tercer párrafo.</h2>
En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>
</div>
<div id="pie">
<ul>
<div id="pieuno">
<ul>
<div id="piedos">pie dos</div>
<ul>
<div id="pietres">
</div>
<div id="curva-inferior"></div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
numero-de-menus:
function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();
desplegable1.onactivate=unction(){document.getElementById('desplegable1').className = 'hover'; };
desplegable1.ondeactivate=function(){document.getElementById('desplegable1').className = ''; }
desplegable2.onactivate=function(){document.getElementById('desplegable2').className = 'hover'; };
desplegable2.ondeactivate=function(){document.getElementById('desplegable2').className = ''; }
desplegable3.onactivate=function(){document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate=function(){document.getElementById('desplegable3').className = ''; }
desplegable4.onactivate=unction(){document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate=function(){document.getElementById('desplegable4').className = ''; }
}
}
definir-menus:
if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);
var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('Seccion 1','ruta');
desplegable1.addItem('Seccion 2','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[1]);
desplegable1_0.addItem('Sub-Seccion 2.1','ruta');
desplegable1_0.addItem('Sub-Seccion 2.2','ruta');
desplegable1_0.addItem('Sub-Seccion 2.3','ruta');
desplegable1.addItem('Seccion 3','ruta');
desplegable1.addItem('Seccion 4','ruta');
desplegable1.addItem('Seccion 5','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable1_0.addItem('Sub-Seccion 5.1','ruta');
desplegable1_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Seccion 1','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('Sub-Seccion 2.1','ruta');
desplegable2_0.addItem('Sub-Seccion 2.2','ruta');
desplegable2_0.addItem('Sub-Seccion 2.3','ruta');
desplegable2.addItem('Seccion 3','ruta');
desplegable2.addItem('Seccion 4','ruta');
desplegable2.addItem('Seccion 5','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[4]);
desplegable2_0.addItem('Sub-Seccion-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[1]);
desplegable3_0.addItem('Sub-Seccion 2.1','ruta');
desplegable3_0.addItem('Sub-Seccion 2.2','ruta');
desplegable3_0.addItem('Sub-Seccion 2.3','ruta');
desplegable3.addItem('Seccion 3','ruta');
desplegable3.addItem('Seccion 4','ruta');
desplegable3.addItem('Seccion 5','ruta');
var desplegable3_0 = desplegable3.addMenu(desplegable3.items[4]);
desplegable3_0.addItem('Sub-Seccion-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');
var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('Seccion 1','ruta');
desplegable4.addItem('Seccion 2','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[1]);
desplegable4_0.addItem('Sub-Seccion 2.1','ruta');
desplegable4_0.addItem('Sub-Seccion 2.2','ruta');
desplegable4_0.addItem('Sub-Seccion 2.3','ruta');
desplegable4.addItem('Seccion 3','ruta');
desplegable4.addItem('Seccion 4','ruta');
desplegable4.addItem('Seccion 5','ruta');
var desplegable4_0 = desplegable4.addMenu(desplegable4.items[4]);
desplegable4_0.addItem('Sub-Seccion-Seccion 5.1','ruta');
desplegable4_0.addItem('Sub-Seccion 5.2','ruta');
TransMenu.renderAll();
}
Espero que si pueda poner los codigos aqui si no una disculpa pero ya hice todo lo que estaba a mi alcance si me pudieran ayudar gracias!!! :(