Solved

MouseOut event not always registering in Netscape

Posted on 2001-06-13
13
205 Views
Last Modified: 2008-02-07
Hi,

I have a number of <LAYERS> on a page, each has an onMouseOut event. However, if the mouse is moved quickly over a layer, it's onMouseOut event is not called. Is there a fix for this?

Thanks.
0
Comment
Question by:jonpers
  • 4
  • 4
  • 2
  • +2
13 Comments
 
LVL 18

Expert Comment

by:bruno
Comment Utility
don't move your mouse so fast.

:-)
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
Post a link or the code please.

Cd&
0
 
LVL 10

Expert Comment

by:dij8
Comment Utility
It could also be dependant on the speed of the computer.  If the mouse is moving over between cycles then it may not have time to register the event.

Also are therer any other events happening?  Like setTimeout events.
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
First a piece of advice...

onmouseover and onmouseout events are only working in IE (for layers)

Now to your problem....

There is no real fix for your problem, one thing is to make the layer a bit wider so you will for sure be over the layer...(but this could create problems with links of other layers that could fall underneath that layer...)

The problem is when you go over the layer really quickly....the place of the mouse is only calculated at certain time intervals, this is defined by your computers speed, there is no way for you to change it...it can happen that you moved sooo fast, that it doesn't detect the move properly.....

Max.
0
 
LVL 53

Expert Comment

by:COBOLdinosaur
Comment Utility
And of course the biggest problem you have is that you post a question and then ignore the responses that ask for more information.

Cd&
0
 
LVL 18

Expert Comment

by:bruno
Comment Utility
>>There is no real fix for your problem


I'm sticking with my original answer....don't move the mouse so fast.

:-)

BRUNO
0
Highfive + Dolby Voice = No More Audio Complaints!

Poor audio quality is one of the top reasons people don’t use video conferencing. Get the crispest, clearest audio powered by Dolby Voice in every meeting. Highfive and Dolby Voice deliver the best video conferencing and audio experience for every meeting and every room.

 
LVL 1

Author Comment

by:jonpers
Comment Utility
I've made some progress - I think I know why it's happening but I'm having problems fixing it:

OnMouseOver in layer1 displays a layer(layer2) on top of layer1.
OnMouseOut in layer2 hides layer2.

The problem (I think) is that if you move the mouse fast over layer1 the onMouseOver event triggers, but layer2 has not been displayed by the time the mouse has exited.

JP.

P.S. COBOLdinosaur - I think you're being a bit premature with your criticism. I happened to be away from my desk for one afternoon and you're giving me grief! The reason I haven't put a code sample up is that the code I have is a lot more involved than what I've explained above and I didn't want to complicate matters.
0
 
LVL 1

Author Comment

by:jonpers
Comment Utility
Here's a sample I put together to illustrate the problem. BTW, the problem occurs in IE using DIVs too.


<HTML>
<HEAD>
<script language="JavaScript">
function show(){
document.layers['lyr2'].visibility='show';
}
function hide(){
document.layers['lyr2'].visibility='hide';
}
</script>
</HEAD>
<BODY BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#FF0000" VLINK="#800000" ALINK="#FF00FF" BACKGROUND="?">
<layer id="lyr1" visibility="show" z-index="1" bgcolor="blue" top="100" left="100" width="200" height="20" onmouseover="show();">Move mouse quickly</layer>
<layer id="lyr2" visibility="hide" z-index="2" bgcolor="red" top="100" left="100" width="200" height="20" onmouseout="hide();">Move mouse quickly</layer>
</BODY>
</HTML>

0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
jonpers > There is first of all no need for the z-index property there....

By the way it is never wise to place two layers exactly on top of each other and then using the onmouseout even of the one on top of the other....

Especially in this case....

Since you have the onmouseover displaying the layer on top of it....the layer on top of it will never know you are actually (at that time) over him and will therefor not execute any events....

Can I ask why you want them to be exactly over each other?

Max.
0
 
LVL 1

Author Comment

by:jonpers
Comment Utility
They're on top of each other because I can't change text color in a layer dynamically, like I can with a div.
0
 
LVL 19

Accepted Solution

by:
DreamMaster earned 100 total points
Comment Utility
Ok....In that case I understand why you did it...

I'm afraid there is like I allready said...no real solution for this...as when it is about speed it all depends on the speed of the PC and tine Interval between reading coordinates...there's not much you can do...

One more question....how quick is quick with you? Like..."zip I'm off"? or more like "I'll just get off this link quickly now so I can see the link change color"??

You can always do it with a small delay....show lyr2 when you mouseover lyr1 and when you leave lyr1 do a settimeout for a second (maybe 2) and then let the link automatically get back to it's original layer...that might be a solution...

Max.
0
 
LVL 1

Author Comment

by:jonpers
Comment Utility
Thanks for the advice Max. I actually got the problem fixed quite simply - I put the two layers into a parent layer and triggered both onMouseOver and onMouseOut from the parent layer.

By the way, I was a little confused by your comment earlier when you said that onMouseOver and onMouseOut only work in layers for IE. It's the complete opposite!

JP
0
 
LVL 19

Expert Comment

by:DreamMaster
Comment Utility
Ok....at that time I didn't know you used the layer tag....(I always refer to DIV's as layers) I never use the layer tag since the DIV tag works for both and I program around Netscape's shortcomings....in Netscape you cannot use onmouseover or onmouseout on DIV's...

Cheers,
Max.
0

Featured Post

How to improve team productivity

Quip adds documents, spreadsheets, and tasklists to your Slack experience
- Elevate ideas to Quip docs
- Share Quip docs in Slack
- Get notified of changes to your docs
- Available on iOS/Android/Desktop/Web
- Online/Offline

Join & Write a Comment

Deprecated and Headed for the Dustbin By now, you have probably heard that some PHP features, while convenient, can also cause PHP security problems.  This article discusses one of those, called register_globals.  It is a thing you do not want.  …
"In order to have an organized way for empathy mapping, we rely on a psychological model and trying to model it in a simple way, so we will split the board to three section for each persona and a scenario and try to see what those personas would Do,…
This tutorial walks through the best practices in adding a local business to Google Maps including how to properly search for duplicates, marker placement, and inputing business details. Login to your Google Account, then search for "Google Mapmaker…
The viewer will get a basic understanding of what section 508 compliance can entail, learn about skip navigation links, alt text, transcripts, and font size controls.

763 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

Need Help in Real-Time?

Connect with top rated Experts

7 Experts available now in Live!

Get 1:1 Help Now