No hay manera que El Menu Desplegable sirva...

rojasvictor · 10 Oct 2008, 23:45 · Solicitar retirada

He intentado de todo, seguido los pasos uno a uno, he hecho las cosas mas de dies veces y no logro que el menu desplegable salga, ni en el html kit, ni en la pagina. Si pudieran ayudarme se los agradeceria muchisimo... Aqui esta mi plantilla:

<!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>Victor Rojas</title>
<link rel="stylesheet" href="estilos.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();"> (EN ESTA LINEA ESTA EL ERROR DE SCRIPTS)

<div id="global">

<div id="curva-superior"></div>

<div id="cabecera">

<div id="logotipo">

<a href="index.html">

[contenido no disponible]</div>

<div id="publicidad"> Bienvenidos de Nuevo 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">
<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>

Bueno este es mi segundo vamos a intentar q me quede bonito jeje</p>
<h2>El tercero tal vez no me quepa</h2>

pero vamos a ver que tal queda, ya estoy aprendiendo juajua y aqui voy a
colocar mi etiqueta de finalizacion porque no se me ocurre nada mas que escribir por ahora y queiro hacer algo bastante largo
que quepa aqui dentro de este pequeño cuadro...</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>

La Hoja de Estilos:

* {margin:0px ; padding:0px ; border: 0px}

p {text-align: justify}
h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}
h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

body {text-align: center}

#global {width:800px ; margin: 4px auto}

#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat width:800px ;
height: 12px ; overflow : hidden}

#cabecera {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height:85px}
#logotipo {background-color: brown ; width:280px ; float:left}
#publicidad {background-color: white ; width:518px ; float:right ; margin-top:25px}

#navegacion {background-color: gray ; border: black 1px solid ; height:20px}
#navegacion li {float:left ; list-style:none ; margin: 0px 20px 0px 20px }
#navegacion ul { margin-left: 180px }

#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}
#menu {background-color: yellow ; width: 150px ; float:left ;
text-align:left ; margin: 3px 10px 3px 3px ;
background-image: url(objetos/menu-parte-inferior.gif);
background-position: bottom ; padding-bottom:5px }

#menu li { list-style:none ; margin: 4px 8px 4px 6px }
#menu h1 { text-decoration:none ; font-size:12px ; padding-top:12px ; background-image: url(objetos/menu-curva-superior.gif)}

#pie {background-color: white ; border-left: black 1px solid ;
border-right: black 1px solid ; height: 65px}
#pie li {list-style: none ; font-size: 12px}
#pieuno {background-color: white ; float:left ; width:150px}
#piedos {float:left ; width:498px}
#pietres {background-color: whitw ; float:left ; width:150px}

#curva-inferior { background-image: url(objetos/curva-inferior.gif) ;
background-repeat: no-repeat ;
width:800px ;
height: 12px
overflow: hidden }

a {color: black; font-size:1em ; text-decoration: none ; display: block }
a:link {}
a:visited {color: black ; text-decoration: underline}
a:hover {color: black; text-decoration: underline ; background-color: silver}
a:active {color: blue; text-decoration: none}

#pie a {color: blue; text-decoration:none ; display: block }
#pie a:link {}
#pie a:visited {}
#pie a:hover {color:black ; text-decoration:underline ; background-color: white }
#pie a:active {color:black}

#logotipo a {}
#logotipo a:link {}
#logotipo a:visited {}
#logotipo a:hover {background-color: white }
#logotipo a:active {}

Block de notas, definir menu:

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('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');
desplegable2.addItem('Seccion 5','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');
desplegable3.addItem('Seccion 5','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();
}

Block de Notas, Numero de menus:

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('desplegable1').className = 'hover'; };
desplegable2.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }
desplegable3.onactivate = function() { document.getElementById('desplegable1').className = 'hover'; };
desplegable3.ondeactivate = function() { document.getElementById('desplegable1').className = ''; }

}
}

Spero su pronta respuesta.... este es mi pag:

http://rojasvictor.atwebpages.com/plantilla.html

Yaneth · 11 Oct 2008, 17:15 · Solicitar retirada

hola

olvidaste cerrar el "a"

<a href="index.html">

[contenido no disponible]</a></div>

ESTO

<ul><h1>Título de Sección 1</h1>

va asi

<h1>Título de Sección 1</h1><ul>

aqui

Enlace 4

va asi

Enlace 4

ponle un poco mas de texto a contenido

arregla toodos los fallos que te puse... luego
vas al foro de html-kit
ahi en la parte de arriba hay un tema que se llama
fallo del desplegable en Opera
haces los cambios que ahi se indica
lo subes y nos avisas de nuevo

saludos

rojasvictor · 11 Oct 2008, 20:26 · Solicitar retirada

ok yaneth muchas gracias, voy a corregir todos los errores y luego t digo como quedo vale?...

rojasvictor · 12 Oct 2008, 06:26 · Solicitar retirada

no,no pude, he intentado todo lo que me han dicho y nada que sale el menu desplegable... y sigue apareciendo un error de scripts, (se esperaba un objeto) dice... en la linea 20 de mi plantilla. si pueden ayudarme con esto seria de gran ayuda...

Yaneth · 13 Oct 2008, 17:15 · Solicitar retirada

subiste el documento

transmenuC.txt???

rojasvictor · 15 Oct 2008, 06:51 · Solicitar retirada

si lo subi, pero tengo una duda, cuando dices que pegue ese archivo en la raiz de mi web, exactamente a que lugar t refieres? y disculpa mi ignorancia jeje...

Yaneth · 15 Oct 2008, 17:55 · Solicitar retirada

a un lado del index

y te lo pregunto por esto

http://rojasvictor.atwebpages.com/TransmenuC.txt

si das clicl veràs que el documento no lo subiste yyyyyy
debe ser

transmenuC.txt

con t minuscula

Ernest · 26 Oct 2008, 02:05 · Solicitar retirada

Yaneth escribió:subiste el documento

transmenuC.txt???

Hola:
A mi tambien me aparece ese error, pero en la línea 479 del archivo no-tocar.txt en el caracter 17. Dice que falta un objeto.
Ya me desesperé de que no se vea el menu desplegable. No entiendo qué pasa si bajé todos los archivos, pero ninguno se llama transmenuC.txt

Ayuda!!!

Yaneth · 27 Oct 2008, 18:41 · Solicitar retirada

ernest

abre un tema solo para ti

y con gusto te ayudamos

no olvides darnos la url de tu web

Ernest · 28 Oct 2008, 00:33 · Solicitar retirada

Yaneth escribió:ernest

abre un tema solo para ti

y con gusto te ayudamos

no olvides darnos la url de tu web

:wink:

De nuevo te agradezco tu respuesta, Janeth. Ya pude corregir un pequeño errorcito y ahora todo se ve de maravilla.
Mi URL: http://el-mundo-del-arte.myartsonline.com/plantilla.html

Vicent · 28 Oct 2008, 11:01 · Solicitar retirada

Hola,

Si has subido el archivo transmenuC.txt después de modificar el nombre para que se vea en Opera, recuerda que en el código de la página tienes que cambiar también la siguiente línea:

<script language="javascript" src="no-tocar.txt" type="text/javascript"></script>

poniendo el nombre del archivo nuevo.

Un saludo