Hendrik: DHTML oder JS für mein Menü

Beitrag lesen

SELF-Forum

DHTML oder JS für mein Menü

Hendrik
– Informationen zu den Bewertungsregeln

Hi Leute,

ich habe meine Idee (siehe unten) weiter ausgebaut. Nun enthält sie schon ein DHTML-Menü. Bin ich damit aber noch nicht zu frieden. Ich will, dass die Anstrache im submenu direkt unter denen im menu stehen.
Ich weiß, dass ich das System dafür total umbauen muss. Dabei dachte ich daran, die einzelnen unterpunkte mit seperaten Ids auszustatten und Sie via css zu platzieren (vererst mit visibility:hidden;). Ein Javascript soll das dann, je nach Gebrauch ändern.
Das ist aber leider mit meinem js Können nicht umsetztbar und ih schätze, das währen viel zu viele Funktionen...

Aber dafür wurde ja diese Forum eingerichtet (um wissen auszutauschen) undich hoffe, dass ihr mir helfen könnt...

Danke
   Hendrik

Hier meine Studie (aktuellsster Stand):

<html>
<head>
<title>Studie</title>
<style type="text/css">
body {
 color:#004b8c;
 background-color:#888;
 padding:0px;
 margin:0px;
}
.menu {
 color:#004b8c;
 position:fixed;
 background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
 top:0px;
 left:0px;
 width:100%;
 padding:3px;
 height:20px;
 border-bottom-color:#004b08c;
 border-bottom-style:solid;
 border-bottom-width:1px;
}
.menu span {
 background-color:transparent;
 font-family:verdana;
 font-size:18px;
 word-spacing:4px;
}
.submenu {
 color:#004b8c;
 position:fixed;
 background-image:url(http://www.fortunecity.de/parkalleen/parkallee/612/back.jpg);
 top:27px;
 left:0px;
 width:100%;
 padding:3px;
 height:20px;
 border-bottom-color:#004b08c;
 border-bottom-style:solid;
 border-bottom-width:1px;
}
.submenu span {
 background-color:transparent;
 font-family:verdana;
 font-size:18px;
 word-spacing:4px;
}
</style>
</head>
<body>

<div class="menu">
 <span>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='StartSeite'">start</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='Guestbook'">guestbook</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='Chat'">chat</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='forum'">forum</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='downloads'">downloads</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='games'">games</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='links'">links</a>
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='über mich'">über mich
  <a onMouseOver="document.getElementById('submenu').firstChild.nodeValue='email'">email</a>
 </span>
</div>

<div class="submenu">
 <span id="submenu">start guestbook chat forum downloads games links über mich email</span>
</div>

<br><br><br><br><br><br><br><br><br><br>

</body>
</html>

Beitrag melden
–
Informationen zu den Bewertungsregeln