[Okta Webinar] Learn how to a build a cloud-first strategyRegister Now

x
?
Solved

Navigation problem with Firefox and Javascript

Posted on 2004-09-05
10
Medium Priority
?
368 Views
Last Modified: 2008-02-01
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>
0
Comment
Question by:flipside1212
7 Comments
 
LVL 5

Accepted Solution

by:
pmsyyz earned 172 total points
ID: 11985836
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
 
LVL 27

Expert Comment

by:Asta Cu
ID: 11986280
Also XP Pro XP2 IE 6 newest version, can navigate fine as well
0
 
LVL 33

Assisted Solution

by:humeniuk
humeniuk earned 164 total points
ID: 11986321
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.

 
LVL 5

Expert Comment

by:pmsyyz
ID: 11986848
boucle is just the variable name.

Line 48:
boucle.innerHTML=img[i];
0
 
LVL 6

Assisted Solution

by:Leviter
Leviter earned 164 total points
ID: 12042486
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
 
LVL 27

Expert Comment

by:Asta Cu
ID: 12361838
If you split points, which looks fair; please do exclude me, of course.
Thanks for your hard work, Venabili.
Asta
0
 
LVL 1

Author Comment

by:flipside1212
ID: 12383977
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

Featured Post

Free Tool: SSL Checker

Scans your site and returns information about your SSL implementation and certificate. Helpful for debugging and validating your SSL configuration.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Internet is a big network which is formed by connecting multiple small networks.It is a platform for all the users which are connected to it.Internet act as platform in different fields. Such as: Internet  as a collaboration platform. Internet  as…
Several part series to implement Internet Explorer 11 Enterprise Mode
This Micro Tutorial will demonstrate how nuggets on the Web are formatted by using Chrome Developer Tools. These tools would not only view the site's CSS but it can also modify it and save the CSS to use on your own site.
Shows how to create a shortcut to site-search Experts Exchange using Google in the Chrome browser. This eliminates the need to type out site:experts-exchange.com whenever you want to search the site. Launch the Search Engine Menu: In chrome, via you…

873 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question