asked on

IE BUG - Find the JavaScript Error!

I have a dropdown navigation script that I finally got working... but now it is crapping out in Internet Explorer on PC and in MAC. It works perfectly in Firefox (PC and MAC) (imagine that) and on Safari (MAC). I can't seem to track down and fix the error.

I am going to paste my source file... and my include files. Please help me out if you would be so kind... This fix is needed in a hurry, so any fast help would be excellent. Thank you.

REMEMBER - This is only an IE Error - I have browser handling in the script...



http://www.lancefrisbee.com/test/dropdown





//



function addEvent(elm, evType, fn, useCapture)
{
      // addEvent
      // cross-browser event handling for IE5+, NS6 and Mozilla
      // By Scott Andrew
      if (elm.addEventListener)
      {
            elm.addEventListener(evType, fn, useCapture);
           return true;
      }
      else if (elm.attachEvent)
      {
            var r = elm.attachEvent("on"+evType, fn);
            return r;
      }
      else
      {
           // alert("Handler could not be added");
      }
}

function removeEvent(elm, evType, fn, useCapture)
{
      // removeEvent
      // cross-browser event handling for IE5+, NS6 and Mozilla
      // By Scott Andrew
      if (elm.removeEventListener)
      {
            elm.removeEventListener(evType, fn, useCapture);
            return true;
      }
      else if (elm.detatchEvent)
      {
            var r = elm.detachEvent("on"+evType, fn);
            return r;
      }
      else
      {
           // alert("Handler could not be removed");
      }
}

function menu_init()
{
      // Find all divTag with class menubar and assign functions to A and IMG tags
      if (!document.getElementsByTagName)
      {
      return;
      }
      var divTag = document.getElementsByTagName("div");
      for (di=0;di<divTag.length;di++)
      {
            var thisDiv = divTag[di];
            if (((' '+thisDiv.className+' ').indexOf("menuBar") != -1) && (thisDiv.id))
            {
                  menu_makemenu(thisDiv);
            }
            else
            {
                    if (((' '+thisDiv.className+' ').indexOf("menu") != -1) && (thisDiv.id))
                   {
                   menu_makesubmenu(thisDiv);
                   }
            }
      }
}

function menu_makemenu(menu)
{
      var anchors = menu.getElementsByTagName("a");
      for (i = 0; i < anchors.length; i++)
      {
            var thisAnchor = anchors[i];
            if (((' '+thisAnchor.className+' ').indexOf("menuButton") != -1) && (thisAnchor.id))
            {
                  var images = thisAnchor.getElementsByTagName("img");
                  for (ti = 0; ti < images.length; ti++)
                  {
                        var thisImage = images[ti];
                        if ((thisImage.src) && (thisAnchor.id))
                        {
                              thisImage.style.width = (thisImage.width);
                              thisImage.style.height = (thisImage.height + 0.1);
                        }
                  }
                  if (thisAnchor.id)
                  {
                        thisAnchor.onmouseover=function(event){
                        buttonMouseover(event, this.id+"menu");
                        }
                        thisAnchor.onmouseout=function(event){
                        buttonOrMenuMouseout(event);
                        }
                  }
            }
      }
}

function menu_makesubmenu(menu)
{
      if ((!((' '+menu.id+' ').indexOf("submenu") != -1)))
      {
                    menu.onmouseover=function(event){
                   menuMouseover(event);
                   }
      }
      var anchors = menu.getElementsByTagName("a");
      tagged = 0;
      for (si = 0; si < anchors.length; si++)
      {
            var thisAnchor = anchors[si];
            if (((' '+thisAnchor.className+' ').indexOf("menuItem") != -1) && (menu.id))
            {
                  if(thisAnchor.id )
                  {
                        var spans = thisAnchor.getElementsByTagName("span");
                        for (sti = 0; sti < spans.length; sti++)
                        {
                              var thisSpan = spans[sti];
                              if (((' '+thisSpan.className+' ').indexOf("menuItemText") != -1) && (thisAnchor.id))
                              {

                                   thisAnchor.onmouseover=function(event){
                                    menuItemMouseover(event, this.id+"menu");
                                    }
                                    sti = spans.length;
                              }
                        }
                  }

            }
      }
}

Open http://www.lancefrisbee.com/testing/dropdown in Firefox to see how it should act, then again in IE - and you'll see what I'm talking about.

Any help would be GREATLY appreciated and rewarded in kind.

Thank you,

Lance

Zvonko

At what point does the error occure in IE?
I see same behavior in IE and FireFox.

Lance_Frisbee

ASKER

Is it WORKING in both, or BROKE in both?

For me, it's on mouseover in IE, not on page load. In MAC IE 5.2, the dropdowns don't work at all. I'm starting to care less and less about MAC IE... Does it EVER work? :)

Thanks for the fast reply. I have to leave the office for a 4:30pm PST meeting, but I'll return afterwards to straighten this out and address any replies/advice I may have here.

Thanks again.

Lance

ASKER CERTIFIED SOLUTION

Zvonko

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

smaccari

Zvonko, i did not know about this tool it's great ;o) Thanks for this link!
(soory to be out of subject though ;o)

SnowFlake

Lance,
If you are tring to pinpoint the location of a javascript error you can try out
http://jsbughunter.com
its a service I have (currently at no charge), you will have to add a piece of code to your page
and then you will be able to see reports of javascript errors that people that surf your page get.

SnowFlake.

Lance_Frisbee

ASKER

So everyone is seeing this correctly with no errors? If so... I can live with it being stupid on just my machine... I don't know why that would be. (Wait yes I do... the computers here at work are outdated.) But still, if it is working correctly in IE for PC, that's my main concern. I would just do an alternate-styled navigation, but this client has 50+ pages, theres really no way around a dropdown menu.

Thanks to Zvonko and Snowflake for the page resources... I will check those out.

If any people reading this thread can let me know if this is working in both IE and Firefox with no Javascript errors, that would be excellent.

http://www.lancefrisbee.com/test/dropdown is the URL once again.

I've already heard from Zvonko (thanks)

Thanks again everyone for your input!

Lance

SOLUTION

ysre

membership

This solution is only available to members.

To access this solution, you must be a member of Experts Exchange.

Start Free Trial

Lance_Frisbee

ASKER

Thank you everyone for your replies... it ended up not being an issue as I am on an incredibly outdated machine. Enjoy the points as I was very slow in response. My apologies!

Thanks again,

Lance