YourWBB


yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » JavaScript-Menü » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag 2.034 Views | | Thema zu Favoriten hinzufügen

Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen JavaScript-Menü
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992
 JavaScript-Menü Antworten Zitieren Editieren Melden       UP
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 ..

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von [kamui]: 20.08.07 14:40.
20.08.07 14:30 [kamui] ist offline Finden Als Freund hinzufügen
Schweinebacke Schweinebacke ist männlich
Mitglied


images/avatars/avatar-5303.jpg

Dabei seit: 06.01.06
Beiträge: 826
Herkunft: Baden Württemberg
Antworten Zitieren Editieren Melden       UP
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

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Schweinebacke: 20.08.07 15:29.
20.08.07 15:28 Schweinebacke ist offline E-Mail Finden Als Freund hinzufügen
[kamui]
~


images/avatars/avatar-4963.gif

Dabei seit: 27.04.05
Beiträge: 2.992

Themenstarter Thema begonnen von [kamui]
Antworten Zitieren Editieren Melden       UP
Uppsala, hab das ganz übersehen großes Grinsen Vielen Dank, Schweinebacke Peinlich
20.08.07 16:08 [kamui] ist offline Finden Als Freund hinzufügen
Baumstruktur | Brettstruktur
Gehe zu:

Neues Thema erstellen Antwort erstellen
yourWBB » yourWBB Misc * » Das Proggen » HTML, XHTML, JavaScript & CSS » JavaScript-Menü