Rozwijane Menu :: Div i OnMouseOut Opcje

[NoiseMc]

[HTML] pobierz, plaintext 
<a onmouseover="hideElement (); showElement ( 'Menu_01' );" href=".">
	<img src="image.gif" />
</a>
....................
<div id="Menu_01" style="padding-left:-10px; position:absolute; visibility:hidden;" onmouseout="hideElement ();">
	<a href=".">Test</a><br />
	<a href=".">Test</a><br />
	<a href=".">Test</a><br />
</div>
[HTML] pobierz, plaintext 

Kod

var elementID = null;

function showElement ( ElementID )
{    
    elementID = ElementID;
    document.getElementById ( elementID ).style.visibility = 'visible';    
}

function hideElement ()
{
    if ( elementID != null )
    {
  document.getElementById ( elementID ).style.visibility = 'hidden';
    }
}

I wszystko jest OK dopóki DIV jest pusty, w momencie kiedy jest kilka elementów w nim to po zjechaniu z jednego z nich wywoływane jest zdarzenie OnMouseOut tak jakbym zjechał z DIV - a tak jakby każdy element zawarty w DIV-ie wywoływał zdarzenie zjechania z całego DIV-a.

Co zrobić żeby DIV znikał po zjechaniu z niego a nie z elementu w nim zawartego?

Dodam jeszcze link do strony:
http://noisemc.urbanimpuls.com/fiori/

Edit:
Problem rozwiązany, do każdego <a> dodałem:

[HTML] pobierz, plaintext 
<a href="." onmouseover="showElement ( 'Menu_01' );">Test</a>
[HTML] pobierz, plaintext 

Trochę średnio mi się to podoba ... ale działa.

Ten post edytował NoiseMc 24.01.2006, 11:22:20