nntp2http.com
Posting
Suche
Optionen
Hilfe & Kontakt

onmouseout auf childnotes

Von: Dirk Herwig (dherwig1961@googlemail.com) [Profil]
Datum: 17.09.2009 20:53
Message-ID: <h8u0o9$9hq$00$1@news.t-online.com>
Newsgroup: de.comp.lang.javascript
Hallo,

ich habe ein Menü, welches ich verstecken will, sobald mit der Maus der
Div-Container verlassen wird. Dazu habe ich auf den Div-Container onmouseout
angewendet. Das Menü selber ist eine Liste. Sobald ich meine Maus in der
Liste verschiebe, wird das Menü schon ausgeblendet.
Hier mal mein Versuch:

HTML:
<div id="myMenuDiv">
<ul id="myMenu">
<li><a
href="javascript:objekt._cmClick('up');">Up</a></li>
<li><a
href="javascript:objekt._cmClick('down');">Down</a></li>
<li><a
href="javascript:objekt._cmClick('delete');">Delete</a></li>
</ul>
</div>
JS:
//
function _closeContextMenu(e) {
document.getElementById("myMenuDiv").style.display = "none";
}
CSS:
#myMenuDiv
{
position:absolute;
display:none;
width: 102px;
background-color: #999999;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
border-left: 1px solid #000000;
font-family: verdana;
font-size: 12px;
z-index:555;
}
#myMenuDiv #myMenu {
margin: 0px;
list-style-type: none;
padding:0;
}
#myMenuDiv #myMenu a {
text-decoration: none;
border-top: 1px solid #000000;
display: block;
padding-left: 10px;
padding-top: 2px;
padding-right: 2px;
padding-bottom: 2px;
background-color:#eeeeee;
color: #ff0000;
}
#myMenuDiv #myMenu a:hover {
text-decoration: none;
color: #ffffff;
background-color:#ff0000;
}

Wie kann ich mein Problem lösen?

mfg

Dirk



[ Auf dieses Posting antworten ]

Antworten