Hola:
Antes que nada supongo que este post es de Javascript, sino el Moderador por favor que lo mueva donde crea conveniente.
Tengo estas dos paginas:
y la página prueba.htm: Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {margin:0;padding:0;border:0;outline:0;}
ul#menu li {float:left;margin:0 20px;background:#CCCCCC;color:#000000;}
ul#menu li ul {display:none;}
ul#menu li.over ul {display:block;}
</style>
<script language="JavaScript">
start=function() {
root = document.getElementById("menu");
for (i=0; i<root.childNodes.length; i++)
{
node = root.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function() {this.className+=" over";}
node.onmouseout=function() {this.className=this.className.replace("over", "");}
}}}
window.onload=start;
</script>
</head>
<body>
<ul id="menu">
<li><span>FILA 1</span>
<ul>
<li><a href="prueba1.htm">SUBFILA 1</a></li>
<li><a href="prueba1.htm">SUBFILA 2</a></li>
<li><a href="prueba1.htm">SUBFILA 3</a></li>
</ul>
</li>
<li><span>FILA 2</span>
<ul>
<li><a href="prueba1.htm">SUBFILA 1</a></li>
<li><a href="prueba1.htm">SUBFILA 2</a></li>
<li><a href="prueba1.htm">SUBFILA 3</a></li>
</ul>
</li>
<li><span>FILA 3</span>
<ul>
<li><a href="prueba1.htm">SUBFILA 1</a></li>
<li><a href="prueba1.htm">SUBFILA 2</a></li>
<li><a href="prueba1.htm">SUBFILA 3</a></li>
</ul>
</li>
</ul>
</body>
</html> y la página prueba1.htm: Código HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
* {margin:0;padding:0;border:0;outline:0;}
ul#menu li {float:left;margin:0 20px;background:#CCCCCC;color:#000000;}
ul#menu li ul {display:none;}
ul#menu li.over ul {display:block;}
</style>
<script language="JavaScript">
start=function() {
root = document.getElementById("menu");
for (i=0; i<root.childNodes.length; i++)
{
node = root.childNodes[i];
if (node.nodeName=="LI")
{
node.onmouseover=function() {this.className+=" over";}
node.onmouseout=function() {this.className=this.className.replace("over", "");}
}}}
window.onload=start;
</script>
</head>
<body>
<ul id="menu">
<li><span>FILA 1</span>
<ul>
<li><a href="prueba1.htm">SUBFILA 1</a></li>
<li><a href="prueba1.htm">SUBFILA 2</a></li>
<li><a href="prueba1.htm">SUBFILA 3</a></li>
</ul>
</li>
<li><span>FILA 2</span>
<ul>
<li><a href="prueba1.htm">SUBFILA 1</a></li>
<li><a href="prueba1.htm">SUBFILA 2</a></li>
<li><a href="prueba1.htm">SUBFILA 3</a></li>
</ul>
</li>
<li><span>FILA 3</span>
<ul>
<li><a href="prueba1.htm">SUBFILA 1</a></li>
<li><a href="prueba1.htm">SUBFILA 2</a></li>
<li><a href="prueba1.htm">SUBFILA 3</a></li>
</ul>
</li>
</ul>
<br>
<br>
<br>
HOLAAAAAAAAA<br>
HOLAAAAAAAAA<br>
</body>
</html> El problema es el siguiente:
Si ejecutan prueba.htm y del menú desplegable de cualquier fila, hacen click en el link que dice "subfila" se irá a la página prueba1.htm. Luego, si pulso el botón ATRAS del explorador vuelve a la página prueba.htm.
Hasta acá perfecto, pero en FF funciona mal, ya que el menu desplegable funciona bien, pero el problema surge cuando hago click en el botón de ATRAS del explorador de FF.... entonces al volver a prueba.htm me aparece ya desplegado el submenu de la fila en la cual había echo click.
Por favor si lo pueden chequear y darme alguna sugerencia de como solucionar esto estaré muy agradecido.
Desde ya muchas gracias a todos.
Saludos