View Full Version : Mouse-over problem in IE 5

10-16-2003, 07:00 PM
Hi guys,

I'm working on a website and there seem to be some problems with internet explorer 5 (so I'v heard from a 'beta-tester'). Please take a look at www.research-project.nl

We you move the mouse over the buttons in the top-menu bar (except 'board of recommendation'), you should see some text poping-up. In internet explorer 5 this doesn't work as it should.

Anyone of you can find a solution?

Thanx in advance. -Michiel

10-16-2003, 07:29 PM
I found this in your ButtonClickSplash function:

output = '';
if(document.getElementById) {
x = document.getElementById('splash');
x.innerHTML = '';
x.innerHTML = output;

since output = '' and it puts output in th div, then nothing actually changes.

I'm using IE6 with Win XP by the way.

10-17-2003, 08:47 AM
Hi Lavalamp,

I guess that's not it ... the function ButtonClickSplash() should in fact hide the popup text. So the output = '' is correct.

The problem occurs in the function ButtonOverSplash().

Thanx for your help! -Michiel

10-17-2003, 05:14 PM
Well it could be a couple of things then, for starters your event handlers:
This "OnMouseOver" should be this "onmouseover".
This "OnClick" should be this "onclick".
This "OnMouseOut" should be this "onmouseover".

It could also be that "what" is a keyword, I sometimes have that problem with my scripts, that is why I try to use variable names with an underscore (_) in them.

To test whether your function is being called, I would put and alert just inside the opening brace:

function ButtonOverSplash(what) {alert(what);

then if it is being called move it to a later place in the function to see if an alert still pops up, if it doesn't you have narrowed down the error.

I hope this solves your problem, but if it doesn't I'll have another look.

10-22-2003, 10:19 AM
Dear Lavalamp,

I've changed several things to my javascripts, but still my client (that uses IE 5) keeps complaining about the splash-screens not workingin his browser ... very anoying :(

Do you have any thoughts on how to fix this problem?

Thanx a lot! Michiel

10-22-2003, 10:46 AM
try putting the splash image in a span or div tag:

<span id="splashContainer" style="position:absolute; top:0; left:0; visibility:hidden;"><img src="" name="splash"></span>

then at the latter part of the ButtonOverSplash() function:

var s = document.getElementById('splashContainer');
s.style.top = y_pos;
s.style.left = x_pos;
s.style.visibility = 'visible';

10-22-2003, 11:29 AM
Hi glenngv,

I adjusted the page the way you said and notified my client. He tested the page, but still no splash-screen appeared at his computer ... are there any other possibilities?

Thanx for your help, Michiel

PS did you test it with IE 5.0? I currently don't have IE 5.0, so I didn't test it myself ...

10-22-2003, 11:35 AM
Ask your client if there's an error thrown by IE5. Maybe, error notification is turned off. Ask him to turn it on. It's hard to detect the problem without seeing any error.

10-22-2003, 11:50 AM
Yes I know, I've been trying all sorts of thing without knowing the true error ..

I guess I'll stop by him later today!

Thanx anyway, Michiel

10-22-2003, 02:17 PM

I just visited my client and I found out the following:

in IE 5 the splash screen in fact does pop up ... it only appears under the iframe. When you remove the iframe the splash screen works just like it should.

Off course, removing the iframe is not an option, so I hope someone knows how I can fix this ... I already added a z-index of 10 to the span, but this doesn't work.

Thanx in advance, Michiel

10-22-2003, 02:25 PM
You could try using setting the z-index of the iframe and div tag so that the div tag appears over the iframe, like this:

<iframe style="z-index:1;"></iframe>

<div style="z-index:2;"></div>

10-22-2003, 03:04 PM
there is no fix for IE5.0
read this article: http://webreference.com/dhtml/diner/seethru/index.html#iframe