Salut!
Bin grad dabei mir ein billig DropDownMenu zu basteln mit <div>'s die ich dann im onMouseOver Event ein und ausblenden lasse, soweit so gut, anzeigen lassen klappt wunderbar, auch nen TimeOut hab ich schon geproggt, allerdings wennsch jetzt ein div mit nem Link fülle und dann mit dem Mauszeiger innerhalb des div's auf den Link drüberfahre verschwindet das div wieder komplett
an dem TimeOut kanns nicht liegen, dass habe ich schon getestet, hier einfach mal der Code:
Code:
<
html>
<head>
<title></title>
<style type="text/css">
body {
font-family: verdana;
font-size: 10px;
}
table {
font-size: 12px;
}
.menu {
position: absolute;
border: 1px solid #0083D7;
background: #FFFFFF;
color: #000000;
padding: 5px;
padding-left: 20px;
z-index: 1;
visibility: hidden;
width: 150px;
display: block;
margin-top: 1px;
}
.menuheader {
display: block;
background: #0083D7;
padding: 2px;
color: #FFFFFF;
font-weight: bold;
}
td {
vertical-align: top;
}
</style>
<script language="javascript">
var menuCount = 2;
showMenu = function(target) {
var item = document.getElementById(target);
item.style.visibility = 'visible';
}
hideMenu = function(target) {
var item = document.getElementById(target);
item.style.visibility = 'hidden';
}
closeAllMenus = function() {
for(i=0;i<menuCount;i++) {
hideMenu('m' + i);
}
}
</script>
</head>
<body>
<table border="0">
<tr>
<td>
<span class="menuHeader" onMouseOver="closeAllMenus(); showMenu('m0')">+ Menu 1</span>
<div class="menu" id="m0" onMouseOver="" onMouseOut="hideMenu('m0')">
[
url="asd.htm"]Hier der Link[/
url]
Blablubb
Blablubb II
Blablubb III
</div>
</td>
<td>
<span class="menuHeader" onMouseOver="closeAllMenus(); showMenu('m1')">+ Menu 2</span>
<div class="menu" id="m1" onMouseOut="hideMenu('m1');">
Blabla
Bla Sohn des Blabla
</div>
</td>
</tr>
</table>
</body>
</
html>
Ich habe mir mal erlaubt die TimeOut Fkt herauszunehmen um ein bissl Platz zu sparen
Hoffe ihr könnt mir auf die Sprünge helfen, oder zumindest eine Codeoptimierung zeigen oder andere Bugs finden.
mfg phlux
