Funciona en IE pero no en FireFox

Lleoun · #1 (**permalink**) 15/02/2008, 05:53

Hola a todos,

Tengo un menu fabuloso. Te pones con el mouse sobre "New Releases" y te muestra el submenu, y cuando sacas el mouse de ahí el submenu desaparece.
Y como digo está fabuloso y así es como lo quiero .. .pero funciona en IE y no en FireFox .. ¿por qué? ¿qué he hecho mal? Por favor, sean claros en su respueta, soy newbie

Muchas gracias de antemano!

Código HTML:


<script language="JavaScript"><!--

function show(ob) {

if (document.getElementById) {
document.getElementById(ob).style.display = 'inline-block';
}
else if (document.layers && document.layers[ob]) {
document.layers[ob].display = 'inline-block';
}
else if (document.all) {
document.all[ob].style.display = 'inline-block';
}
}

function hide(ob) {
if (document.getElementById) {
document.getElementById(ob).style.display = 'none';
}
else if (document.layers && document.layers[ob]) {
document.layers[ob].display = 'none';
}
else if (document.all) {
document.all[ob].style.display = 'none';
}
}

//--></script> 


<a id='Menu1'onmouseover='show("subMenuAlbums1");show("subMenuSingles1");show("subMenuEP1");'
onmouseOut='hide("subMenuAlbums1");hide("subMenuSingles1");hide("subMenuEP1");'
class='genrebutton' href='#'>New Releases</a><br /><div class='divmenu' id='subMenuAlbums1' onmouseover='show("subMenuAlbums1");show("subMenuSingles1");show("subMenuEP1");'
onmouseOut='hide("subMenuAlbums1");hide("subMenuSingles1");hide("subMenuEP1");'
><a href='index.php?albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP1' onmouseover='show("subMenuAlbums1");show("subMenuSingles1");show("subMenuEP1");'
onmouseOut='hide("subMenuAlbums1");hide("subMenuSingles1");hide("subMenuEP1");'
><a href='index.php?ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles1' onmouseover='show("subMenuAlbums1");show("subMenuSingles1");show("subMenuEP1");'
onmouseOut='hide("subMenuAlbums1");hide("subMenuSingles1");hide("subMenuEP1");'
><a href='index.php'>Singles</a></div>

ZiTAL · #2 (**permalink**) 15/02/2008, 07:34

instalate el add-on "firebug" de firefox, veras que rapido encuentras el error ;)

Lleoun · #3 (**permalink**) 16/02/2008, 06:11

Hola, gracias por la respuesta!
Sí, si tengo instalado Firebug pero no me da ningun error ni en consola ni en ningún sitio .. ¿qué puede ser??

Gracias otra vez!

derkenuke · #4 (**permalink**) 16/02/2008, 09:50

Hola:

Estos condicionales son innecesarios a estas alturas:

Cita:

Código PHP:

  if (document.getElementById) { 
document.getElementById(ob).style.display = 'inline-block'; 
} 
else if (document.layers && document.layers[ob]) { 
document.layers[ob].display = 'inline-block'; 
} 
else if (document.all) { 
document.all[ob].style.display = 'inline-block'; 
}

En su lugar, el document.getElementById() funciona en todos los navegadores. Se ahorra código y se mejora todo en general.

Por otra parte, el valor para display "inline-block" no existe, o es "inline", o es "block", pero no existe "inline-block". Firefox te lo comenta como advertencia, no como error. Te dice que no se ha tomado como válida la declaración, que se ha omitido.

Cita:

Iniciado por FF

Warning: Error in parsing value for property 'display'. Declaration dropped.

Saludos.

webosiris · #5 (**permalink**) 04/09/2008, 14:39

Cita:

Iniciado por derkenuke

Por otra parte, el valor para display "inline-block" no existe, o es "inline", o es "block", pero no existe "inline-block".

levanto este tema porque lo encontré por google y puede darse a la confusión si alguien más lo encuentra.
El valor "inline-block" para display SI existe, fue incuido en css 2.1 pero Firefox 2 no lo soporta, lo empezó a soportar en su versión 3.

derkenuke · #6 (**permalink**) 04/09/2008, 17:16

Gracias webosiris, lo descubrí hace nada.

En ese post me dejé guiar por los errores de un firefox todavía obsoleto. La versión 3 ya no parece dar esa advertencia.

ernesto_esm · #7 (**permalink**) 24/11/2008, 16:56

hola, he encontrado unos errores en tu codigo, e hice que corriera en firefox tmb, lo que hice fue agregar les algunos <br> para que hiciera el cambio de linea, en firefox, y algunos campos como por ejemplo subMenuAlbums1' onmouseover se encontraban pegados, y eso es error de sintaxis, segun el software que utilizo para compilar el codigo:

<body>
<a id='Menu1' onmouseover='show("subMenuAlbums1");show("subMenuS ingles1");show("subMenuEP1");' onmouseOut='hide("subMenuAlbums1");hide("subMenuSi ngles1");hide("subMenuEP1");' class='genrebutton' href='#'>New Releases</a>
<br>
<div class='divmenu' id='subMenuAlbums1' onmouseover='show("subMenuAlbums1");show("subMenuS ingles1");show("subMenuEP1");' onmouseOut='hide("subMenuAlbums1");hide("subMenuSi ngles1");hide("subMenuEP1");'>
<a href='index.php?albums=1'>Albums</a>
</div>
<br>
<div class='divmenu' id='subMenuEP1' onmouseover='show("subMenuAlbums1");show("subMenuS ingles1");show("subMenuEP1");' onmouseOut='hide("subMenuAlbums1");hide("subMenuSi ngles1");hide("subMenuEP1");'>
<a href='index.php?ep=1'>EPs</a>
</div>
<br>
<div class='divmenu' id='subMenuSingles1' onmouseover='show("subMenuAlbums1");show("subMenuS ingles1");show("subMenuEP1");' onmouseOut='hide("subMenuAlbums1");hide("subMenuSi ngles1");hide("subMenuEP1");'>
<a href='index.php'>Singles</a>
</div>
</body>