Forum Moderators: open

Message Too Old, No Replies

drop down works in IE but not FF

         

jackvull

1:18 pm on Jun 28, 2006 (gmt 0)

10+ Year Member



Hi
I have some code, which basically a list of menus that when they are 'MousedOver', the other menus become visible. I have extracted some of the html, which works fine in IE but in FF nothing happens at all.

In the proper page, the blocks defined with my CSS also overlap in FF but not in IE.

Any ideas?

Copy and paste the below into an HTML file:
<script language="JavaScript"><!--

function show(object) {

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

function hide(object) {
if (document.getElementById) {
document.getElementById(object).style.display = 'none';
}
else if (document.layers && document.layers[object]) {
document.layers[object].display = 'none';
}
else if (document.all) {
document.all[object].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><a id='Menu2' onMouseOver='show("subMenuAlbums2");show("subMenuSingles2");show("subMenuEP2");'
onMouseOut='hide("subMenuAlbums2");hide("subMenuSingles2");hide("subMenuEP2");'
class='genrebutton' href='genres.php?genre=4'>House / Deep House</a><br /><div class='divmenu' id='subMenuAlbums2' onMouseOver='show("subMenuAlbums2");show("subMenuSingles2");show("subMenuEP2");'
onMouseOut='hide("subMenuAlbums2");hide("subMenuSingles2");hide("subMenuEP2");'
><a href='genres.php?genre=4&albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP2' onMouseOver='show("subMenuAlbums2");show("subMenuSingles2");show("subMenuEP2");'
onMouseOut='hide("subMenuAlbums2");hide("subMenuSingles2");hide("subMenuEP2");'
><a href='genres.php?genre=4&ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles2' onMouseOver='show("subMenuAlbums2");show("subMenuSingles2");show("subMenuEP2");'
onMouseOut='hide("subMenuAlbums2");hide("subMenuSingles2");hide("subMenuEP2");'
><a href='genres.php?genre=4'>Singles</a></div><a id='Menu3' onMouseOver='show("subMenuAlbums3");show("subMenuSingles3");show("subMenuEP3");'
onMouseOut='hide("subMenuAlbums3");hide("subMenuSingles3");hide("subMenuEP3");'
class='genrebutton' href='genres.php?genre=3'>Tech House / Electro</a><br /><div class='divmenu' id='subMenuAlbums3' onMouseOver='show("subMenuAlbums3");show("subMenuSingles3");show("subMenuEP3");'
onMouseOut='hide("subMenuAlbums3");hide("subMenuSingles3");hide("subMenuEP3");'
><a href='genres.php?genre=3&albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP3' onMouseOver='show("subMenuAlbums3");show("subMenuSingles3");show("subMenuEP3");'
onMouseOut='hide("subMenuAlbums3");hide("subMenuSingles3");hide("subMenuEP3");'
><a href='genres.php?genre=3&ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles3' onMouseOver='show("subMenuAlbums3");show("subMenuSingles3");show("subMenuEP3");'
onMouseOut='hide("subMenuAlbums3");hide("subMenuSingles3");hide("subMenuEP3");'
><a href='genres.php?genre=3'>Singles</a></div><a id='Menu4' onMouseOver='show("subMenuAlbums4");show("subMenuSingles4");show("subMenuEP4");'
onMouseOut='hide("subMenuAlbums4");hide("subMenuSingles4");hide("subMenuEP4");'
class='genrebutton' href='genres.php?genre=2'>Jazz / Lounge</a><br /><div class='divmenu' id='subMenuAlbums4' onMouseOver='show("subMenuAlbums4");show("subMenuSingles4");show("subMenuEP4");'
onMouseOut='hide("subMenuAlbums4");hide("subMenuSingles4");hide("subMenuEP4");'
><a href='genres.php?genre=2&albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP4' onMouseOver='show("subMenuAlbums4");show("subMenuSingles4");show("subMenuEP4");'
onMouseOut='hide("subMenuAlbums4");hide("subMenuSingles4");hide("subMenuEP4");'
><a href='genres.php?genre=2&ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles4' onMouseOver='show("subMenuAlbums4");show("subMenuSingles4");show("subMenuEP4");'
onMouseOut='hide("subMenuAlbums4");hide("subMenuSingles4");hide("subMenuEP4");'
><a href='genres.php?genre=2'>Singles</a></div><a id='Menu5' onMouseOver='show("subMenuAlbums5");show("subMenuSingles5");show("subMenuEP5");'
onMouseOut='hide("subMenuAlbums5");hide("subMenuSingles5");hide("subMenuEP5");'
class='genrebutton' href='genres.php?genre=5'>Beats & Breaks / Hip Hop</a><br /><div class='divmenu' id='subMenuAlbums5' onMouseOver='show("subMenuAlbums5");show("subMenuSingles5");show("subMenuEP5");'
onMouseOut='hide("subMenuAlbums5");hide("subMenuSingles5");hide("subMenuEP5");'
><a href='genres.php?genre=5&albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP5' onMouseOver='show("subMenuAlbums5");show("subMenuSingles5");show("subMenuEP5");'
onMouseOut='hide("subMenuAlbums5");hide("subMenuSingles5");hide("subMenuEP5");'
><a href='genres.php?genre=5&ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles5' onMouseOver='show("subMenuAlbums5");show("subMenuSingles5");show("subMenuEP5");'
onMouseOut='hide("subMenuAlbums5");hide("subMenuSingles5");hide("subMenuEP5");'
><a href='genres.php?genre=5'>Singles</a></div><a id='Menu6' onMouseOver='show("subMenuAlbums6");show("subMenuSingles6");show("subMenuEP6");'
onMouseOut='hide("subMenuAlbums6");hide("subMenuSingles6");hide("subMenuEP6");'
class='genrebutton' href='genres.php?genre=6'>Hard Dance</a><br /><div class='divmenu' id='subMenuAlbums6' onMouseOver='show("subMenuAlbums6");show("subMenuSingles6");show("subMenuEP6");'
onMouseOut='hide("subMenuAlbums6");hide("subMenuSingles6");hide("subMenuEP6");'
><a href='genres.php?genre=6&albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP6' onMouseOver='show("subMenuAlbums6");show("subMenuSingles6");show("subMenuEP6");'
onMouseOut='hide("subMenuAlbums6");hide("subMenuSingles6");hide("subMenuEP6");'
><a href='genres.php?genre=6&ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles6' onMouseOver='show("subMenuAlbums6");show("subMenuSingles6");show("subMenuEP6");'
onMouseOut='hide("subMenuAlbums6");hide("subMenuSingles6");hide("subMenuEP6");'
><a href='genres.php?genre=6'>Singles</a></div><a id='Menu7' onMouseOver='show("subMenuAlbums7");show("subMenuSingles7");show("subMenuEP7");'
onMouseOut='hide("subMenuAlbums7");hide("subMenuSingles7");hide("subMenuEP7");'
class='genrebutton' href='genres.php?genre=7'>Funk & Soul</a><br /><div class='divmenu' id='subMenuAlbums7' onMouseOver='show("subMenuAlbums7");show("subMenuSingles7");show("subMenuEP7");'
onMouseOut='hide("subMenuAlbums7");hide("subMenuSingles7");hide("subMenuEP7");'
><a href='genres.php?genre=7&albums=1'>Albums</a></div><div class='divmenu' id='subMenuEP7' onMouseOver='show("subMenuAlbums7");show("subMenuSingles7");show("subMenuEP7");'
onMouseOut='hide("subMenuAlbums7");hide("subMenuSingles7");hide("subMenuEP7");'
><a href='genres.php?genre=7&ep=1'>EPs</a></div><div class='divmenu' id='subMenuSingles7' onMouseOver='show("subMenuAlbums7");show("subMenuSingles7");show("subMenuEP7");'
onMouseOut='hide("subMenuAlbums7");hide("subMenuSingles7");hide("subMenuEP7");'
><a href='genres.php?genre=7'>Singles</a></div><script language="JavaScript"><!--
document.getElementById("subMenuAlbums1").style.display = 'none';
document.getElementById("subMenuEP1").style.display = 'none';
document.getElementById("subMenuSingles1").style.display = 'none';
document.getElementById("subMenuAlbums2").style.display = 'none';
document.getElementById("subMenuEP2").style.display = 'none';
document.getElementById("subMenuSingles2").style.display = 'none';
document.getElementById("subMenuAlbums3").style.display = 'none';
document.getElementById("subMenuEP3").style.display = 'none';
document.getElementById("subMenuSingles3").style.display = 'none';
document.getElementById("subMenuAlbums4").style.display = 'none';
document.getElementById("subMenuEP4").style.display = 'none';
document.getElementById("subMenuSingles4").style.display = 'none';
document.getElementById("subMenuAlbums5").style.display = 'none';
document.getElementById("subMenuEP5").style.display = 'none';
document.getElementById("subMenuSingles5").style.display = 'none';
document.getElementById("subMenuAlbums6").style.display = 'none';
document.getElementById("subMenuEP6").style.display = 'none';
document.getElementById("subMenuSingles6").style.display = 'none';
document.getElementById("subMenuAlbums7").style.display = 'none';
document.getElementById("subMenuEP7").style.display = 'none';
document.getElementById("subMenuSingles7").style.display = 'none';
//--></script>

encyclo

1:11 am on Jul 16, 2006 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



In Firefox, does the Javascript console report any errors with the script?

It is unfortunately quite difficult to debug due to the volume of the example markup.