Hola.
Estoy montándome una web para ir practicando y se me ha presentado un problema con el menú desplegable.
En la barra de navegación he puesto 5 secciones para que de cada una de ellas se descuelge un menú con sus subsecciones (no en todas). La primera me ha quedado muy bien y funciona a la perfección pero el resto hacen la siguiente cosa rara:
Cuando paso el puntero sobre ellas se despliega el menú correctamente y si me deslizo por él, y existen subsecciones, se abren. El fallo se produce cuando quito el cursor para que desaparezca todo. No solo no desaparece sino que emerge una odiosa ventana con un triángulo de esos con una admiración dentro.
Error en el script de esta página.
Linea: 11
Carácter: 42
Error: el objeto no acepta esta propiedad o método
Código: 0
URL: file:///:Users/... .../plantilla-pianos.html
Este es el texto de la ventana de marras. Es el que sale cuando pretendo quitar el ratón de la segunda sección. Si lo hago en la tercera varía la linea; entonces es la 13. Si en la cuarta, la 15. La quinta ya no la he hecho.
A continuación os copio los códigos tal y como los tengo en este momento.
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Afinación y mantenimiento de pianos. Introducción</title>
<link rel="stylesheet" href="estilo-pianos.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>
<meta name="description "content="Servicio de afinación de pianos. Asesoramiento para la adquisición de pianos nuevos y de segunda mano">
<meta name="keywords" content="piano, pianos, afinador, afinación, afinar, armonizacion, ajuste, tecldo">
</head>
<body onload="init();">
<div id="global">
<div id="cabecera"><div id=logo>[contenido no disponible]</div>
<div id="nombre">
J. BELZA</P>
Afinador de pianos
mail: mi dirección</p>
tlf. 680878564</p>
</div>
</div>
<div id="menu">
<ul>
El instrumento
Su adquisición
La afinación
El mantenimiento
El afinador
</div>
<div id="cuerpo">
<div id="papel"><h1>INRODUCCIÓN</h1>
Aquí es donde se pondrá el texto y las imágenes en las diferentes páginas de la
web. En unas se hablará de unas cosas y en otras de temas diferentes. Eso sí; todo relacionado con los pianos, su mantenimiento,
su afinación, etc...</p>
No sé a ciencia cierta cuantas páginas tendrá esta web pero serán varias. A buen seguro pasarán de las
diez si no es que llegan a quince o veinte.</p>
Tampoco sé todavía qué temas serán los tratados pero procuraré que abarquen todo
aquello que pueda ser de interés para el público en general, desde los criterios a seguir para la compra del instrumento hasta
los que influyan en su mantenimiento. Intentaré que sea éste un sitio válido tanto para particulares como para escuelas y salas de conciertos.
</p></div>
</div>
<div id="pie">
<div id="enlaces"><h3>Enlaces de interés:</h3>www.pianospuig.com
</div>
</pie>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Estilo-general que para esta página lo he llamado estilo-pianos:
* {text-indent: 0px; margin: 0px; padding: 0px; border: 0px}
body {text-align: center}
#global {width: 1000px; margin:4px auto}
#cabecera {background-color: #556B2F; height: 135px; border-left: #ffb90f 2px solid; border-top: #ffb90f 2px solid;
border-right: #ffb90f 2px solid}
#nombre {background-color: #556b2f; width: 300px; float: left}
#nombre p {color: #FFB90F; text-align: right; font-family: bookman old style; }
#logo {background-color: 556b2f; width: 180px; float: right}
#menu {background-color: #556b2f; height: 30px; border-left: #ffb90f 2px solid; border-top: #ffb90f 6px double;
border-right: #ffb90f 2px solid; border-bottom: #ffb90f 6px double}
#menu li {color: #ffb90f; float: left; list-style: none; margin: 5px 30px 0px 30px}
#menu ul {margin-left: 155px }
#cuerpo {background-color: #556b2f; padding-top: 15px; padding-bottom: 15px; border-left: #ffb90f 2px solid;
border-right: #ffb90f 2px solid }
#papel {background-color: #f5f5dc; width: 800px;}
#papel p {color: #556b2f; margin: 5px 10px 5px 10px; text-align: justify; text-indent: 15px}
#papel h1 {font-size: 2.0em; color: #556b2f; margin: 25px auto 20px auto;
font-weight: bold; text-decoration: none; text-align: center}
#pie {background-color: #556b2f; height: 135px; border-top: #ffb90f 6px double; border-right: #ffb90f 2px solid;
border-bottom: #ffb90f 2px solid; border-left: #ffb90f 2px solid;}
#enlaces {background-color: #556b2f; width: 300px; height: 135px; float: right}
#enlaces h3 {color: #ffb90f; font-weight: bold; text decoration: none; text-align: left}
#enlaces a {color: #ffb90f; text-align: left}
#enlaces a:link {}
#enlaces a:visited {}
#enlaces a:hover {color: #ffff00}
#enlaces a:active {}
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('desplegable2').className = 'hover'; };
desplegable2.ondeactivate = function() { document.getElamentById('desplegable2').className = ''; }
desplegable3.onactivate = function() { document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate = function() { document.getElamentById('desplegable3').className = ''; }
desplegable4.onactivate = function() { document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate = function() { document.getElamentById('desplegable4').className = ''; }
desplegable5.onactivate = function() { document.getElementById('desplegable5').className = 'hover'; };
desplegable5.ondeactivate = function() { document.getElamentById('desplegable5').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('Introducción','ruta');
desplegable1.addItem('Electrónico','ruta');
desplegable1.addItem('Acústico','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[2]);
desplegable1_0.addItem('Vertical','ruta');
desplegable1_0.addItem('Cola','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Nuevo','ruta');
desplegable2.addItem('Usado','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('De particular','ruta');
desplegable2_0.addItem('En tienda','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Introducción','ruta');
desplegable3.addItem('Breve historia','ruta');
desplegable3.addItem('Temperada moderna','ruta');
var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('En salas de concierto','ruta');
desplegable4.addItem('En centros de enseñanza','ruta');
desplegable4.addItem('En domicilios particulares','ruta');
TransMenu.renderAll();
}
El estilo-menu-desplegable no lo he tocado para nada igual que el no-tocar
Estoy seguro de que va a ser una tontería de la que además me tendré que reconocer vergonzoso culpable, pero llevo ya no sé cuantas horas sin dar con la solución y me estoy poniendo nerviosillo :twisted:
El que el fallo se produzca cuando quito el ratón de encima combinado con el hecho de que la linea de error que sale en la ventana de información sea alterna (11-13-15) me hace pensar en numero-de-menus¿podría ser?
A ver si alguien me echa una manita.
Estoy montándome una web para ir practicando y se me ha presentado un problema con el menú desplegable.
En la barra de navegación he puesto 5 secciones para que de cada una de ellas se descuelge un menú con sus subsecciones (no en todas). La primera me ha quedado muy bien y funciona a la perfección pero el resto hacen la siguiente cosa rara:
Cuando paso el puntero sobre ellas se despliega el menú correctamente y si me deslizo por él, y existen subsecciones, se abren. El fallo se produce cuando quito el cursor para que desaparezca todo. No solo no desaparece sino que emerge una odiosa ventana con un triángulo de esos con una admiración dentro.
Error en el script de esta página.
Linea: 11
Carácter: 42
Error: el objeto no acepta esta propiedad o método
Código: 0
URL: file:///:Users/... .../plantilla-pianos.html
Este es el texto de la ventana de marras. Es el que sale cuando pretendo quitar el ratón de la segunda sección. Si lo hago en la tercera varía la linea; entonces es la 13. Si en la cuarta, la 15. La quinta ya no la he hecho.
A continuación os copio los códigos tal y como los tengo en este momento.
html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Afinación y mantenimiento de pianos. Introducción</title>
<link rel="stylesheet" href="estilo-pianos.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>
<meta name="description "content="Servicio de afinación de pianos. Asesoramiento para la adquisición de pianos nuevos y de segunda mano">
<meta name="keywords" content="piano, pianos, afinador, afinación, afinar, armonizacion, ajuste, tecldo">
</head>
<body onload="init();">
<div id="global">
<div id="cabecera"><div id=logo>[contenido no disponible]</div>
<div id="nombre">
J. BELZA</P>
Afinador de pianos
mail: mi dirección</p>
tlf. 680878564</p>
</div>
</div>
<div id="menu">
<ul>
</div>
<div id="cuerpo">
<div id="papel"><h1>INRODUCCIÓN</h1>
Aquí es donde se pondrá el texto y las imágenes en las diferentes páginas de la
web. En unas se hablará de unas cosas y en otras de temas diferentes. Eso sí; todo relacionado con los pianos, su mantenimiento,
su afinación, etc...</p>
No sé a ciencia cierta cuantas páginas tendrá esta web pero serán varias. A buen seguro pasarán de las
diez si no es que llegan a quince o veinte.</p>
Tampoco sé todavía qué temas serán los tratados pero procuraré que abarquen todo
aquello que pueda ser de interés para el público en general, desde los criterios a seguir para la compra del instrumento hasta
los que influyan en su mantenimiento. Intentaré que sea éste un sitio válido tanto para particulares como para escuelas y salas de conciertos.
</p></div>
</div>
<div id="pie">
<div id="enlaces"><h3>Enlaces de interés:</h3>www.pianospuig.com
</div>
</pie>
</div>
<script language="javascript" src="definir-menus.txt" type="text/javascript"></script>
</body>
</html>
Estilo-general que para esta página lo he llamado estilo-pianos:
* {text-indent: 0px; margin: 0px; padding: 0px; border: 0px}
body {text-align: center}
#global {width: 1000px; margin:4px auto}
#cabecera {background-color: #556B2F; height: 135px; border-left: #ffb90f 2px solid; border-top: #ffb90f 2px solid;
border-right: #ffb90f 2px solid}
#nombre {background-color: #556b2f; width: 300px; float: left}
#nombre p {color: #FFB90F; text-align: right; font-family: bookman old style; }
#logo {background-color: 556b2f; width: 180px; float: right}
#menu {background-color: #556b2f; height: 30px; border-left: #ffb90f 2px solid; border-top: #ffb90f 6px double;
border-right: #ffb90f 2px solid; border-bottom: #ffb90f 6px double}
#menu li {color: #ffb90f; float: left; list-style: none; margin: 5px 30px 0px 30px}
#menu ul {margin-left: 155px }
#cuerpo {background-color: #556b2f; padding-top: 15px; padding-bottom: 15px; border-left: #ffb90f 2px solid;
border-right: #ffb90f 2px solid }
#papel {background-color: #f5f5dc; width: 800px;}
#papel p {color: #556b2f; margin: 5px 10px 5px 10px; text-align: justify; text-indent: 15px}
#papel h1 {font-size: 2.0em; color: #556b2f; margin: 25px auto 20px auto;
font-weight: bold; text-decoration: none; text-align: center}
#pie {background-color: #556b2f; height: 135px; border-top: #ffb90f 6px double; border-right: #ffb90f 2px solid;
border-bottom: #ffb90f 2px solid; border-left: #ffb90f 2px solid;}
#enlaces {background-color: #556b2f; width: 300px; height: 135px; float: right}
#enlaces h3 {color: #ffb90f; font-weight: bold; text decoration: none; text-align: left}
#enlaces a {color: #ffb90f; text-align: left}
#enlaces a:link {}
#enlaces a:visited {}
#enlaces a:hover {color: #ffff00}
#enlaces a:active {}
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('desplegable2').className = 'hover'; };
desplegable2.ondeactivate = function() { document.getElamentById('desplegable2').className = ''; }
desplegable3.onactivate = function() { document.getElementById('desplegable3').className = 'hover'; };
desplegable3.ondeactivate = function() { document.getElamentById('desplegable3').className = ''; }
desplegable4.onactivate = function() { document.getElementById('desplegable4').className = 'hover'; };
desplegable4.ondeactivate = function() { document.getElamentById('desplegable4').className = ''; }
desplegable5.onactivate = function() { document.getElementById('desplegable5').className = 'hover'; };
desplegable5.ondeactivate = function() { document.getElamentById('desplegable5').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('Introducción','ruta');
desplegable1.addItem('Electrónico','ruta');
desplegable1.addItem('Acústico','ruta');
var desplegable1_0 = desplegable1.addMenu(desplegable1.items[2]);
desplegable1_0.addItem('Vertical','ruta');
desplegable1_0.addItem('Cola','ruta');
var desplegable2 = ms.addMenu(document.getElementById('desplegable2'));
desplegable2.addItem('Nuevo','ruta');
desplegable2.addItem('Usado','ruta');
var desplegable2_0 = desplegable2.addMenu(desplegable2.items[1]);
desplegable2_0.addItem('De particular','ruta');
desplegable2_0.addItem('En tienda','ruta');
var desplegable3 = ms.addMenu(document.getElementById('desplegable3'));
desplegable3.addItem('Introducción','ruta');
desplegable3.addItem('Breve historia','ruta');
desplegable3.addItem('Temperada moderna','ruta');
var desplegable4 = ms.addMenu(document.getElementById('desplegable4'));
desplegable4.addItem('En salas de concierto','ruta');
desplegable4.addItem('En centros de enseñanza','ruta');
desplegable4.addItem('En domicilios particulares','ruta');
TransMenu.renderAll();
}
El estilo-menu-desplegable no lo he tocado para nada igual que el no-tocar
Estoy seguro de que va a ser una tontería de la que además me tendré que reconocer vergonzoso culpable, pero llevo ya no sé cuantas horas sin dar con la solución y me estoy poniendo nerviosillo :twisted:
El que el fallo se produzca cuando quito el ratón de encima combinado con el hecho de que la linea de error que sale en la ventana de información sea alterna (11-13-15) me hace pensar en numero-de-menus¿podría ser?
A ver si alguien me echa una manita.