Los menus desplegables no se desplegan

Belial · 14 Jun 2008, 20:03 · Solicitar retirada

Hola a todos, ya llegué al final y aunque seguro que es una letra mal puesta, que es lo que me suele ocurrir, no consigo que los menús desplegables se me extiendan como deben.

Si alguien puede detectar donde cometí el error le estaría muy agradecido.

La web es: http://micibermundo.myartsonline.com/plantilla.html#

Ahora adjunto los códigos de plantilla de definir menús y de numero de menús por si estuviera en alguno de estos el fallo.

Un saludo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-deplegable.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

</div>
<div id="contenido">
<div id="menu">
<ul><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">
<div id="pieuno">
<ul>

Foro Ejemplo

Contactos

Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>

Directorio

TopSite

Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('CEP','http://www.cepolicia.com/');
desplegable1.addItem('SUP','http://www.sup.es/');
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('UFP','http://www.ufpol.com/news.php');
desplegable1.addItem('SPP','http://www.spp.es/');
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('desplegable1'));
desplegable2.addItem('Seccion 1','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable1.addMenu(desplegable1.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');
var desplegable2_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');

var desplegable3 = ms.addMenu(document.getElementById('desplegable1'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable1.addMenu(desplegable1.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');
var desplegable3_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');

TransMenu.renderAll();
}

function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();

desplegable1.onactivate = function() { 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 = ''; };
}
}

Muchas gracias.

Raulyure · 14 Jun 2008, 21:57 · Solicitar retirada

Belial escribió:Hola a todos, ya llegué al final y aunque seguro que es una letra mal puesta, que es lo que me suele ocurrir, no consigo que los menús desplegables se me extiendan como deben.

Si alguien puede detectar donde cometí el error le estaría muy agradecido.

La web es: http://micibermundo.myartsonline.com/plantilla.html#

Ahora adjunto los códigos de plantilla de definir menús y de numero de menús por si estuviera en alguno de estos el fallo.

Un saludo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-deplegable.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

</div>
<div id="contenido">
<div id="menu">
<ul><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">
<div id="pieuno">
<ul>
Foro Ejemplo
Contactos
Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio
TopSite
Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));

desplegable1.addItem('CEP','http://www.cepolicia.com/');

desplegable1.addItem('SUP','http://www.sup.es/');
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('UFP','http://www.ufpol.com/news.php');

desplegable1.addItem('SPP','http://www.spp.es/');
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('desplegable1'));
desplegable2.addItem('Seccion 1','ruta');

desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable1.addMenu(desplegable1.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');
var desplegable2_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');

var desplegable3 = ms.addMenu(document.getElementById('desplegable1'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable1.addMenu(desplegable1.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');
var desplegable3_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');

TransMenu.renderAll();
}

function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();

desplegable1.onactivate = function() { 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 = ''; };
}
}

Muchas gracias.

Hola:
Le iba a contestar, pero ahora vuelvo, surgió un imprevisto
Saludos

Raulyure · 14 Jun 2008, 22:51 · Solicitar retirada

Belial escribió:Hola a todos, ya llegué al final y aunque seguro que es una letra mal puesta, que es lo que me suele ocurrir, no consigo que los menús desplegables se me extiendan como deben.

Si alguien puede detectar donde cometí el error le estaría muy agradecido.

La web es: http://micibermundo.myartsonline.com/plantilla.html#

Ahora adjunto los códigos de plantilla de definir menús y de numero de menús por si estuviera en alguno de estos el fallo.

Un saludo.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>Page title</title>
<link rel="stylesheet" href="estilos-general.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-menu-deplegable.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

</div>
<div id="contenido">
<div id="menu">
<ul><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">
<div id="pieuno">
<ul>
Foro Ejemplo
Contactos
Nos Enlazan

</div>
<div id="piedos">pie dos</div>
<div id="pietres">
<ul>
Directorio
TopSite
Mapa de la Web

</div>
</div>
<div id="curva-inferior"></div>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>

if (TransMenu.isSupported())
{
var ms=new TransMenuSet(TransMenu.direction.down,1,0, TransMenu.reference.bottomLeft);

var desplegable1 = ms.addMenu(document.getElementById('desplegable1'));
desplegable1.addItem('CEP','http://www.cepolicia.com/');
desplegable1.addItem('SUP','http://www.sup.es/');
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('UFP','http://www.ufpol.com/news.php');
desplegable1.addItem('SPP','http://www.spp.es/');
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('desplegable1'));
desplegable2.addItem('Seccion 1','ruta');
desplegable2.addItem('Seccion 2','ruta');
var desplegable2_0 = desplegable1.addMenu(desplegable1.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');
var desplegable2_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable2_0.addItem('Sub-Seccion 5.1','ruta');
desplegable2_0.addItem('Sub-Seccion 5.2','ruta');

var desplegable3 = ms.addMenu(document.getElementById('desplegable1'));
desplegable3.addItem('Seccion 1','ruta');
desplegable3.addItem('Seccion 2','ruta');
var desplegable3_0 = desplegable1.addMenu(desplegable1.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');
var desplegable3_0 = desplegable1.addMenu(desplegable1.items[4]);
desplegable3_0.addItem('Sub-Seccion 5.1','ruta');
desplegable3_0.addItem('Sub-Seccion 5.2','ruta');

TransMenu.renderAll();
}

function init()
{
if (TransMenu.isSupported())
{
TransMenu.initialize();

desplegable1.onactivate = function() { 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 = ''; };
}
}

Muchas gracias.

Hola:
Le iba a decir que parece hay algún error en sus script desplegables porque a mi no me cuadran, por ejemplo, básicamente la Seccion1 de los desplegables es así:

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');

TransMenu.renderAll();
}

Si usted se fija en la Seccion 1 hay cinco casillas por decirlo así, acá en el ejemplo que le pongo se llaman secciones, la 1, la 2, la 3, la 4 y la 5. Es exactamente igual a la suya, cuando usted en la capa navegacion se pone en el primer desplegable debieran de desplegarse hacia abajo cinco casillas, en dos de esas casillas (la 2 y la 5 hay unas subsecciones que se debieran de desplegar hacia el lado, pues bien, la que dice:

desplegable1.addItem('Seccion 1','ruta'); sería la casilla 1

La que dice:
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');
Sería la casilla numero2 con sus Subsecciones, fíjese bien en esta, porque lo que dice Seccion 2 es el nombre de esa casilla numero 2, pero esa casilla tiene 3 variables o tres Subsecciones.

La que dice:
desplegable1.addItem('Seccion 3','ruta'); seria la casilla numero 3

La que dice:
desplegable1.addItem('Seccion 4','ruta'); sería la casilla numero 4

La que dice:
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');
Sería la casilla numero 5 con sus 2 Subsecciones

En este caso (en el suyo)
usted ha puesto una ruta en la casilla numero 1, la CEP -cepolicia.com. Esa estaría bien porque no tiene ninguna Subseccion.
Pero debe saber que en la casilla numero 2 tiene 3 desplegables, por lo tanto al tener 3 desplegables o Subsecciones, esa casilla numero 2 queda inutilizada para usarla como una ruta, en favor de esas 3 subsecciones que tiene, por tanto cuando usted en la capa navegación ponga el cursor en esa casilla no lo llevará a ninguna parte mas que abrirá esas 3 subsecciones, por tanto la ruta que usted puso en esa casilla debiera de haberla puesto en una de esas Subsecciones , en la 2.1, 2.2 o en la 2.3 en cualquiera de ellas, y en esa casilla numero 2 debiera de dejarla como estaba al principio.
Fuera de eso a usted le falta en su desplegable la casilla numero 5 aunque si que tiene las Subsecciones que pertenecen a esa casilla. por lo tanto estaría erroneo
En todo caso le sugiero ponerlo de la forma en que le digo, usted recuerde que un desplegable, en este caso la casilla numero dos tiene 3 Subsecciones por tanto despues del nombre de ese desplegable abajo viene ese "var" que significa por decirlo de alguna manera que las Subsecciones que vienen mas abajo son una variante de ese desplegable.
De seguro que con esto aún no se le arreglará porque también hay algunso desajustes en las otras secciones, pero le sugiero primero arreglar esta que le dije.
Saludos