Help with onmouseout and layers, please.

Sugapablo

I have a DIV that becomes visible when a link above it is moused over.

The DIV has links in it like so:

<div class="popup" onmouseout="hideLayer(this);">
<a class="popuplink" href="page1.html">Link 1</a><br/>
<a class="popuplink" href="page2.html">Link 2</a><br/>
<a class="popuplink" href="page3.html">Link 3</a><br/>
<a class="popuplink" href="page4.html">Link 4</a><br/>
</div>

When you mouse out of the div, it goes back into hidden. But as soon as I
touch any of the links, it hides, thinking I've left the DIV.

Now, I'm assuming this is a z-index layer issue, but I've tried every
combination of things I could think of to prevent the mouseout action when
mouseing over one of the links.

I tried setting div.popup's z-index higher than a.popuplink's, lower than
a.popuplinks, and the same as. (I did set each to a position as well.)

What am I missing?
--
Sugapablo
http://www.sugapablo.net

Dec 9 '05 #1

Subscribe Post Reply

1931

Ivo

"Sugapablo" wrote

I have a DIV that becomes visible when a link above it is moused over.

The DIV has links in it like so:

<div class="popup" onmouseout="hideLayer(this);">
<a class="popuplink" href="page1.html">Link 1</a><br/>
<a class="popuplink" href="page2.html">Link 2</a><br/>
</div>

When you mouse out of the div, it goes back into hidden. But as soon as I
touch any of the links, it hides, thinking I've left the DIV.

Now, I'm assuming this is a z-index layer issue,

z-indeces have nothing to do with it. When the mouse enters the <a> element,
the onmouseout event handler of the parent <div> element is called like it
should. You don't show us your code, but I presume that is how you have set
up things: an onmouseout event handler for that div. So check in the
handling function if the calling element is a child of your popping div, and
if it is, leave the div alone, only proceed when the current element in not
in the div. Be warned there may be other elements inside an <a>, an <i> for
example, so a simple look at at the element's parentNode will not do.
Instead loop through the parentNodes until you hit either the <div> (give it
an id for easy recognition) or the <body> in which case you can safely
proceed with with hiding.

hth
ivo
http://4umi.com/

Dec 9 '05 #2

Sugapablo

On Fri, 09 Dec 2005 20:28:58 +0100, Ivo wrote:

So check in the handling function if the calling element is a child of
your popping div, and if it is, leave the div alone, only proceed when
the current element in not in the div.

How would I do that? is the child element "calling" anything for me to
tell the handling function?
--
Sugapablo
http://www.sugapablo.net

Dec 9 '05 #3

Similar topics

please help what is MM_sr

by: yoelgold | last post by:

hi can someone please tell me what "document.MM_sr" is. I tried searching for a explanation on the web but cant find anything. What does MM_sr represent? and where can i get documentation on it. ...

Javascript

Please Help!

by: BillyTheKid | last post by:

Hello, I am very new to java and I have pasted the following code onto my website: #########################################3 <SCRIPT language=JavaScript> <!-- function...

Javascript

need help with menu javascript

by: Jackson Yap | last post by:

can someone kind enough to help me look at the attached html and js file? Why is it that the javascript menu could not work at www.apchosting.net but could work at...

Javascript

javascript form validation which just doesnt work with my ASP code. Can any one help me out please.

by: x muzuo | last post by:

Hi guys, I have got a prob of javascript form validation which just doesnt work with my ASP code. Can any one help me out please. Here is the code: {////<<head> <title>IIBO Submit Page</title>...

Javascript

Help me to fix External . js problem in asp.net

by: althafexcel | last post by:

hi everyone Im trying to include an external js in my aspx page under the head tag, it doesn't load or it displays an object expected error whenver the function from the .js is called. Actually...

ASP.NET

scrolling images does not work on mozilla help me please

by: gunnuk | last post by:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...

Javascript

Absolute Positioning in IE6 Help

by: sknonline | last post by:

Greetings. I am having troubles using absolute positioning in IE6. When I establish the width as 100%, it's not spanning the entire width of the browser. It works in Firefox, Safari, and IE7.......

HTML / CSS

ASP \ JAVASCRIPT \ FIrefox and Safari issues - please help!!

by: loveshack | last post by:

Can anyone help me please (i am quite a novice, but having fun learning). Im not sure if this is an ASP problem, a javascript problem or a browser problem. Firstly, everything i have written...

ASP / Active Server Pages

My Companys web site is down I need HELP!!!!!please

by: registry | last post by:

<%@Language="VBSCRIPT" CODEPAGE="1252"%> <html> <head> <title>Registry Network Hospital Detail</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <script...

Visual Basic 4 / 5 / 6

Cloud Servers without Credit Card and Email Registration: A Simpler Way to Get on the Cloud

by: CloudSolutions | last post by:

Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...

General

Access Europe: Command bars, the Access Shortcut Tool and a simple Audit Log - Wed 3 April

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 3 Apr 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome former...

General

One-click Importing Excel Data into a*Database

by: ryjfgjl | last post by:

In our work, we often need to import Excel data into databases (such as MySQL, SQL Server, Oracle) for data analysis and processing. Usually, we use database tools like Navicat or the Excel import...

Microsoft Excel

Basic Javascript concepts

by: aa123db | last post by:

Variable and constants Use var or let for variables and const fror constants. Var foo ='bar'; Let foo ='bar';const baz ='bar'; Functions function $name$ ($parameters$) { } ...

Javascript

Batch import of multiple excel files into the database

by: ryjfgjl | last post by:

If we have dozens or hundreds of excel to import into the database, if we use the excel import function provided by database editors such as navicat, it will be extremely tedious and time-consuming...

Data Management

Merging data from multiple Excel files

by: ryjfgjl | last post by:

In our work, we often receive Excel tables with data in the same format. If we want to analyze these data, it can be difficult to analyze them because the data is spread across multiple Excel files...

Data Management

Migrating Website to Cloud - Emmanuel Katto

by: emmanuelkatto | last post by:

Hi All, I am Emmanuel katto from Uganda. I want to ask what challenges you've faced while migrating a website to cloud. Please let me know. Thanks! Emmanuel

General

Navigating the Data Structures and Algorithms (DSA)

by: BarryA | last post by:

What are the essential steps and strategies outlined in the Data Structures and Algorithms (DSA) roadmap for aspiring data scientists? How can individuals effectively utilize this roadmap to progress...

Algorithms / Advanced Math

Looking to do Android software development, any suggestions? Is flutter better?

by: nemocccc | last post by:

hello, everyone, I want to develop a software for my android phone for daily needs, any suggestions?

General