JavaScript-Menü

[kamui]

Hallo,

bin gerade dabei mir ein JavaScript-Menü zu bauen, doch komme an einer Stelle nicht weiter ...

Hier mein aktueller Code (die Layer sind in einer Tabelle drin):

code:

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:

<html>
<head>
   <style type="text/css" media="screen">
  body {
    background-color: #FFFFFF;
    margin: 0px;
    padding: 0px;
  }
  
  .navbar {
    position: relative;
	left: 0px;
	top: 0px;
  }
  .navbar_hidden {
    position: relative;
	left: 0px;
	top: 0px;
	visibility: hidden;
  }
  </style>
  <script type="text/javascript">
  var count = 1;
  function onoff (menu) {
    if (menu == "main") {
	  if (count == 2) {
	    if (document.getElementById)
          document.getElementById("main_over").style.visibility = "collapse";
          document.getElementById("main_normal").style.visibility = "visible";
		  count = 1;
	  } else {
	    if (document.getElementById)
          document.getElementById("main_over").style.visibility = "visible";
          document.getElementById("main_normal").style.visibility = "collapse";
		  count = 2;
	  }
    }
  }
</script>
<body>
<div id="main_normal" class="navbar" style="z-index:1;" onmouseover="onoff('main')">
<IMG SRC="images/main_normal.gif" WIDTH=301 HEIGHT=56 ALT="" />
</div>
<div id="main_over" class="navbar_hidden" style="z-index:2;">
blalup
</div>

<br /><br />
<a href="javascript:onoff('main')">onOff!</a>

Es funktioniert schon, das wenn ich über den div-Layer "main_normal" fahre, dieser unsichtbar wird und der Layer "main_over" sichtbar wird. Allerdings verschwindet der Layer nicht, sondern wird nur unsichtbar und über dem "main_over" ist ein weißer Fleck ... Außerdem ist der "main_over" vorher auch nicht unsichtbar, sondern auch ein weißer Fleck - wenn ich Text unter dem Layer habe, sieht man das ...

EDIT:// Habe es gerade mit " position: absolute; " getestet, da funktioniert es, aber mit " relative " (< was ich benötige), geht es nicht ..

Schweinebacke

Hallo,

warum sollte das mit „position:relative“ nicht funktionieren.

Du musst in dem Fall nur die id="main_over" um die Höhe der id="main_normal" als negativen Wert setzen.

code:
1: 2: 3: 4: 5: 6:	.navbar_hidden { position: relative; left: 0px; top: -56px; visibility: hidden; }

Grüssle