Lesson 21

mrubin78 · March 19th, 2013, 10:45 AM

Having trouble with tagName & className because it is null and not an object per IE9 and not a function per Firebug on Firefox.

the Javascript code I have which I used for lesson are as follows:

Code:

function mouseHandler(event)
        {
            var eSrc = event.target;
            var type = event.type;

            if (eSrc.tagName.ToUpperCase() === "SPAN")
            {
                if (type === "mouseover")
                {
                    if (eSrc.className !== "button-click") 
                    {
                        eSrc.className = "button-over";
                    }
                }
                else if (type === "mouseout")
                {
                    if (eSrc.className !== "button-click") 
                    {
                        eSrc.className = "button-normal";
                    }
                }
                else if (type === "click")
                {
                    if (eSrc.className !== "button-click")
                    {
                        eSrc.className = "button-click";
                    }
                    else
                    {
                        eSrc.className = "button-over";
                    }

                }
            }
        }

        eventUtility.addEvent(document, "mouseover", mouseHandler);
        eventUtility.addEvent(document, "mouseout", mouseHandler);
        eventUtility.addEvent(document, "click", mouseHandler);

Appreciate your help Thanks!

jmcpeak · June 21st, 2013, 11:38 AM

Howdy mrubin78,

The code you provided uses ToUpperCase() instead of toUpperCase(). That should solve the problem for Firefox. As for IE9, make sure the browser is in IE9 standards mode.