Sub menu erstellen

RemusGTR · 10.06.2009

Hallo
Ist es möglich in diesen Code so zu ändern das man auch Sub Menus erhält?
Ich komme irgendwie auf keinen grünen Zweig.
Etwas Hilfe wäre nicht schlecht

Code:

<div id="navcontainer">
     <div class="ro">
<div class="lo">
<div class="ru">
<div class="lu">
<ul id="navlist">
<li id="active">
<div align="left"><a href="index.html" id="current">Startseite</a></div>
</li>
<li><a href="1.html">Jerry</a></li>
<li><a href="2.html">Joyce</a></li>
<li><a href="3">Larini</a></li>
<li><a href="4">Sina</a></li>
<li><a href="5">Stinni</a></li>

</ul>
</div>

Vielen Dank im vorraus
Gruß Remus

wattnwurm · 10.06.2009

AW: Sub menu erstellen

mmh, im Moment seh ich da nur eine unsortierte Liste?!
Soll das in Frames laufen??

RemusGTR · 10.06.2009

AW: Sub menu erstellen

ne keine Frames HTML und CSS.
Hier ist die Seite

Bitte kostenlos registrieren, damit du die Links siehst.

MadimaC · 10.06.2009

AW: Sub menu erstellen

Hi

LG

xyzutschixyz · 10.06.2009

AW: Sub menu erstellen

Ich bin mir jetzt nicht sicher, ob ich das richtig verstanden habe. Ich erkläre mal, wie ich es verstandne habe. Du willst mit den 5 Links (Jerry,Joyce,...) jeweils einen div o.ä. einbelden, der erst erscheint, wenn man auf den jeweiligen Link klickt.
Also wenn du das meinst ist das eigentlich gar nicht so schwer. Nur mit HTML und CSS kommst du da nicht weit. Da musst du schon JavaScript benutzen, denn du musst mit einem Klick-Ereigniss auf ein anderes Element zugreifen und das geht über CSS definitiv nicht.

HTML:

<html>
<script language="JavaScript">
function einblenden(id) {
if (document.getElementById(id).style.display == "none") {
document.getElementById(id).style.display = "block";
}
else {
document.getElementById(id).style.display="none";
}
}
</script>
<body>
<div style="width:200px; background-color:#A9A9A9;">
<a href="#" onclick="einblenden('menu1')">Menü 1 ausfahren</a><br>
<div id="menu1" style="display:none; background-color:#9AC0CD;">Hier ist das erste Untermenü.</div>
<a href="#" onclick="einblenden('menu2')">Menü 2 ausfahren</a><br>
<div id="menu2" style="display:none; background-color:#9AC0CD;">Hier ist das zweite Untermenü.</div>
</div>
</body>
</html>

Müsste vom Prinzip einfach zu verstehen sein. Natürlich alles änderbar. Man könnte jetzt noch Spielereien einfügen, aber das würde etwas länger dauern als diese Variante. Allerdings funktioniert diese Variante nur bei eingeschaltenem JavaScript.
Ich hoffe es hilft dir weiter.
Grüße

RemusGTR · 11.06.2009

AW: Sub menu erstellen

xyzutschixyz schrieb:
Ich erkläre mal, wie ich es verstandne habe. Du willst mit den 5 Links (Jerry,Joyce,...) jeweils einen div o.ä. einbelden, der erst erscheint, wenn man auf den jeweiligen Link klickt.

Ja so meinte ich es.
Wenn ich dann schon Java brauche kann ich dann auch direkt das Spry Menu von Dreamweaver nehmen oder hat das irgendwelche Nachteile gegenüber Java?

Gruß Remus

xyzutschixyz · 11.06.2009

AW: Sub menu erstellen

Ich kenne das spry menü von Dreamweaver leider nicht, hab aber schon viel davon gehört. Denke mal, dass das auch mit JavaScript funktioniert.
Grüße

wattnwurm · 11.06.2009

AW: Sub menu erstellen

RemusGTR schrieb:
... Wenn ich dann schon Java brauche kann ich

xyzutschixyz schrieb:
... dass das auch mit JavaScript funktioniert.

Java ist nicht Javascript !!!!
die Sache sollte mit Javascript laufen.

sloshed · 11.06.2009

AW: Sub menu erstellen

xyzutschixyz schrieb:
Ich kenne das spry menü von Dreamweaver leider nicht, hab aber schon viel davon gehört. Denke mal, dass das auch mit JavaScript funktioniert.
Grüße

Ja das funktioniert auch mit JavaScript.