Navigation problem with Firefox and Javascript

I can't navigate my site using the rollover buttons on the top while in Firefox. They work on my local machine but not on my web server. My site is http://www.dreameyes.com
I have no idea what could be the problem since it works fine in Internet explorer. Any suggestions would be greatly appreciated. :)

here is the code for my buttons:

<SPAN CLASS="navsub"><A HREF="events/events.html" TARGET="body" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bt_1','','images/bt_1_over.gif',1)"><IMG SRC="images/bt_1.gif" ALT="Coming Events" NAME="bt_1" WIDTH="80" HEIGHT="27" BORDER="0"></A><A HREF="services.html" TARGET="body" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bt_2','','images/bt_2_over.gif',1)"><IMG SRC="images/bt_2.gif" ALT="Contact Information" NAME="bt_2" WIDTH="80" HEIGHT="27" BORDER="0"></A><A HREF="gallery_frame.html" TARGET="body" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bt_3','','images/bt_3_over.gif',1)"><IMG SRC="images/bt_3.gif" ALT="Media Gallery" NAME="bt_3" WIDTH="80" HEIGHT="27" BORDER="0"></A><A HREF="contact.html" TARGET="body" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bt_4','','images/bt_4_over.gif',1)"><IMG SRC="images/bt_4.gif" ALT="Contact Information" NAME="bt_4" WIDTH="80" HEIGHT="27" BORDER="0"></A><A HREF="links.html" TARGET="body" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('bt_5','','images/bt_5_over.gif',1)"><IMG SRC="images/bt_5.gif" ALT="Links" NAME="bt_5" WIDTH="80" HEIGHT="27" BORDER="0"></A><IMG SRC="images/spacer.gif" HEIGHT="1" WIDTH="2"></SPAN>
LVL 1
flipside1212Asked:
Who is Participating?
 
pmsyyzConnect With a Mentor Commented:
Works for me
Mozilla/5.0 (Windows; U; Windows NT 5.2; en-US; rv:1.7.3) Gecko/20040903 Firefox/1.0 PR (NOT FINAL) (MOOX M3)
0
 
Asta CuCommented:
Also XP Pro XP2 IE 6 newest version, can navigate fine as well
0
 
humeniukConnect With a Mentor Commented:
I can't navigate in Firefox.  Checked the Javascript console and found this error -

Error: boucle is not defined
Source File: http://www.dreameyes.com/scripts/rotate.js
Line: 48

Of course, I have no idea what a boucle is or how to define one, but maybe it will give someone else an idea.
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
pmsyyzCommented:
boucle is just the variable name.

Line 48:
boucle.innerHTML=img[i];
0
 
LeviterConnect With a Mentor Commented:
The problem lies in the 'boucle' in the javascript file mentioned earlier...

FF does not understand what it is.... What should be done, is something like this:


function boucle_images()
{
      var i;
      var intervalle=7000;
      var img = new Array();

      img[0]='<a href="http://duringtheday.com" onClick="newWindow(this.href,700,550);return false;"><img src="ads/ad_1.jpg" border=0 width="110" height="90" alt="duringtheday.com"></a>';

      img[1]='<a href="http://blueskiesanddaisies.com" onClick="newWindow(this.href,900,550);return false;"><img src="ads/ad_2.jpg" border=0 width="110" height="90" alt="Online Weddings!"></a>';

      img[2]='<a href="http://www.karmajeans.com" onClick="newWindow(this.href,900,600);return false;"><img src="ads/ad_3.jpg" border=0 width="110" height="90" alt="Karmajeans Inc."></a>';

      img[3]='<a href="http://www.bcalhounphoto.com" onClick="newWindow(this.href,700,550);return false;"><img src="ads/ad_4.jpg" border=0 width="110" height="90" alt="Barry Calhoun Photography"></a>';

      img[4]='<a href="http://www.beatstreet.ca" onClick="newWindow(this.href,900,550);return false;"><img src="ads/ad_5.jpg" border=0 width="110" height="90" alt="Beatstreet Vancouver"></a>';

      img[5]='<a href="http://www.dadabase.ca" onClick="newWindow(this.href,900,600);return false;"><img src="ads/ad_6.jpg" border=0 width="110" height="90" alt="Dadabase Fashion Boutique"></a>';

      img[6]='<a href="http://eightzero.net" onClick="newWindow(this.href,700,550);return false;"><img src="ads/ad_7.jpg" border=0 width="110" height="90" alt="eightzero.net"></a>';

      img[7]='<a href="http://www.metro3106.com" onClick="newWindow(this.href,900,550);return false;"><img src="ads/ad_8.jpg" border=0 width="110" height="90" alt="Metro 3106"></a>';

      img[8]='<a href="http://www.zionsgate.com" onClick="newWindow(this.href,900,600);return false;"><img src="ads/ad_9.jpg" border=0 width="110" height="90" alt="Zions Gate Records"></a>';

      img[9]='<a href="http://www.threatfromouterspace.com" onClick="newWindow(this.href,900,550);return false;"><img src="ads/ad_10.jpg" border=0 width="110" height="90" alt="ThreatFromOuterSpace"></a>';

      img[10]='<a href="http://www.joshmartinez.ca" onClick="newWindow(this.href,900,600);return false;"><img src="ads/ad_11.jpg" border=0 width="110" height="90" alt="JoshMartinez.ca"></a>';

      img[11]='<a href="http://www.ltos.net" onClick="newWindow(this.href,900,600);return false;"><img src="ads/ad_12.jpg" border=0 width="110" height="90" alt="ltos.net"></a>';

      img[12]='<a href="http://www.eventinfo.ca" onClick="newWindow(this.href,900,600);return false;"><img src="ads/ad_13.jpg" border=0 width="110" height="90" alt="eventinfo.ca"></a>';

      <!-- vous pouvez tout a fait rajouter (ou supprimer) des images, attention a la syntaxe ! -->
      var nombre_total_images = 13; <!-- nombre total d'images (ici 0,1,2 ==> 3) -->
      var i=rand_number(nombre_total_images);

      var boucle;

      if (document.getElementById) {
            boucle = document.getElementById('boucle');
      } else if (document.all) {
            boucle = document.all['boucle'];
      }

      boucle.innerHTML=img[i];
      setTimeout("boucle_images()",intervalle);
}


... it is not tested, but it should give a direction in which to look for the correct answer....
0
 
Asta CuCommented:
If you split points, which looks fair; please do exclude me, of course.
Thanks for your hard work, Venabili.
Asta
0
 
flipside1212Author Commented:
I don't see why the "boucle" javascript in a separate frame would effect the navigation but if you guys say so then I guess I could get rid of it. I redesigned the site a bit since asking this question so I guess it doesn't really matter anymore anyways. Thanks a lot for all your help.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.