JavaScript FireFox problem

searchbliss · 12-27-2007, 11:58 AM

I have this slide-in menu code and it worls great in IE but doesn't function in FireFox. Can anyone help?

Here is the entire html page code with just the example menu. Thanks!

Code:

<html>
<head>
<title>SearchBliss - Slide Menu Example</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">

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

keyFrame = 0;

keyFrameBack = 0;

movingObjLeft = new Array(1);
movingObjTop = new Array(1);
movingObjLeftBack = new Array(1);
movingObjTopBack = new Array(1);

movingObjLeft[0] = new Array(-175,-160,-140,-120,-100,-80,-60,-40,-20,0);
movingObjTop[0] = new Array(0,0,0,0,0,0,0,0,0,0);
movingObjLeftBack[0] = new Array(0,-20,-40,-60,-80,-100,-120,-140,-160,-175);
movingObjTopBack[0] = new  Array(0,0,0,0,0,0,0,0,0,0);

function startSlide() 
{
     setTimeout("slideTheObject()", 50);
keyFrameBack = 0;
}


function startSlideBack() 
{
     setTimeout("slideTheObjectBack()",50)
keyFrame = 0;
}

function slideTheObject()  
{
     var whichOne;

      whichOne = document.all.menu.style;
      whichOne.posLeft = movingObjLeft[0][keyFrame];
      whichOne.posTop = movingObjTop[0][keyFrame];

     keyFrame++;

    if  (keyFrame < movingObjLeft[0].length && keyFrame < movingObjTop[0].length) 
         setTimeout("slideTheObject()",50);

}

function slideTheObjectBack()  
{
     var whichOne;

     whichOne = document.all.menu.style;
     whichOne.posLeft = movingObjLeftBack[0][keyFrameBack];
     whichOne.posTop = movingObjTopBack[0][keyFrameBack];

     keyFrameBack++
     if  (keyFrameBack < movingObjLeftBack[0].length && keyFrameBack < movingObjTopBack[0].length) 
          setTimeout("slideTheObjectBack()",50);

}
//-->
</script>
</head>

<body bgcolor="#FFFFFF"> 

<div id="menu" style="position:absolute;left:-175px;top:0px;width:200px;z-index:1"> 
<table width="200" border="1" cellspacing="0" cellpadding="3" bordercolor="#009900">
<tr align="left" valign="top"> 
<td bgcolor="#FFFFFF" style="font-weight:bold;font-family:Verdana;font-size:12px;" width="175"><a href="/Webmaster-Tools.htm" target="_blank">Free Web Tools</a><br>
				<a href="http://www.searchbliss.com/Free-Website-Content.htm">Free Website Content</a><br>
				<a href="http://www.searchbliss.com/webmaster_resources.htm">Free Resources</a><br>
				<a href="http://www.searchbliss.com/generators.asp">Buy Code Generators</a><br>
				<a href="http://www.searchbliss.com/affiliates.asp">Affiliate Program</a><br>
				<a href="http://www.searchbliss.com/free-toolbar.htm">Free Toolbar</a><br>
				<a href="http://www.searchbliss.com/dance.asp">Free Google Dance Tool</a><br>
				<a href="http://www.searchbliss.com/free-screen-savers.htm">Free Screensavers</a><br>
				<a href="http://www.searchbliss.com/webmaster-tools.htm">Web Tools</a><br>
				<a href="http://www.searchbliss.com/tell_a_friend.asp">Tell a Friend</a><br>
				<a href="http://www.searchbliss.com/Webmaster-Resources-Site-Map.htm">Site Map</a><br>
</td>
			<td bgcolor="#FFFFFF" style="font-weight:bold;font-family:Verdana;font-size:12;color:#009900;" align="center" width="20"> <a title="Open menu" href="javascript:startSlide();" style="text-decoration:none;"><b>&gt;</b></a><br>
				<a title="Close menu" href="javascript:startSlideBack();" style="text-decoration:none;"><b>&lt;</b></a><br>
				<br>
				M<br>
				E<br>
				N<br>U<br>
				<br>
				O<br>
				P<br>
				T<br>
				I<br>
				O<br>N<br>S</td>
</tr>
</table>
</div>
</body>
</html>