Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

Professional Opinions
Ask a Question
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE

troubleshooting Question

Mouseover/Mouseout problem

Avatar of SECdev
SECdev asked on
JavaScriptHTMLWeb Browsers
6 Comments1 Solution902 ViewsLast Modified:
I'm having some issues with trying to make a certain site cross-browser compliant.  It's very strange because it works to some degree on my PC on 3 different browsers - Netscape 8.1.2, Firefox, and Internet Explorer.  However, the client I am doing this for has Firefox (exactly the same version I do), and it does not work correctly on his browser.  

I have a test url up: http://www.sennheiserusa.com/newsite/category_NEW012507.asp?transid=cat90

From what I've been able to assess, the code was attempting to trigger a mouseover event when a table object is rolled over.  I changed it so that the event was triggered when the image was rolled over, but it still doesn't work quite right.

There's certain parts of the image that just don't trigger the event in Firefox and Netscape.  It works perfectly in Internet Explorer though.  It is basically 1 transparent .gif image, with the table cell background color changing and a hidden div layer becoming visible/having text associated with it on the mouseover/mouseout event

What would cause this?  Please help - all the javascript code is pretty much imbedded in that page - and I researched that the difference that made it work at all in Firefox and Netscape is a simple fix - but the trigger seems to be a bit awry.  Any help would be greatly appreciated.  

Also, the mouseover code does not work in Safari, but that's a whole other issue.  If you could give me pointers for that I'd appreciate it too.

Note added:  I further analyzed the site, and discovered that there is a hidden layer directly over the problem area that only shows up if you're using an older browser. I have removed it and the mouseovers appear to be working properly.  Is there a way I could have left it there and had them work more reliably?
Avatar of apurvabevin
apurvabevinFlag of Afghanistan image

Our community of experts have been thoroughly vetted for their expertise and industry experience.

This problem has been solved!
Unlock 1 Answer and 6 Comments.
See Answers