[HTML/CSS] Div verschwindet wieder...

**phlux**

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:

markieren

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

[HTML/CSS] Div verschwindet wieder...

[HTML/CSS] Div verschwindet wieder...

Forumregeln