[HTML] Eine Art Menü

undertaker1988 · 24. November 2005

Tach Leute ich würde gerne folgendes machen und zwar hab ich ein Menü das wie folt aussieht

Hund
Katze
Maus

Soweit so gut, ich möchte aber wenn ich auf Hund klicke das das Menü so aussieht

Hund
-Schäferhund
-Rottweiler
Katze
Maus

Und das letzte ist sobald ich wieder auf Hund klicke sollte das Menü wieder normal aussehen.

Hund
Katze
Maus

Meine frage ist. Wie mach ich das? Und geht das überhaupt mit HTML?

|/|iGhTh@\/\/k · 24. November 2005

ich glaube mit html is da nix zu machen. dafür solltest du mit javascript was raussuchen, damit kann man sowas auf jeden fall bewerkstelligen.

AntiBit · 24. November 2005

http://www.treemenu.net/

Java-Script ist ein Muss für so ein Menü. Check that link.

mfg
antibit

hasch · 24. November 2005

Oder mit PHP und Cookies oder PHP und $_GET-Variable

Enigma · 24. November 2005

[klugscheiss]$_GET ist eine Variable und kein Befehl[/klugscheiss]

hasch · 24. November 2005

Enigma schrieb:
[klugscheiss]$_GET ist eine Variable und kein Befehl[/klugscheiss]

Hast ja recht... sry... weißt doch aber was ich meinte

-=TeuTaTes=- · 24. November 2005

klar ist dass auch per HTML zu lösen!

dazu muss man nur für jede mögliche kombination eine extra HTML-seite erstellen und eventuell noch Frames verwenden

bodo2005 · 24. November 2005

-=TeuTaTes=- schrieb:
klar ist dass auch per HTML zu lösen!

dazu muss man nur für jede mögliche kombination eine extra HTML-seite erstellen und eventuell noch Frames verwenden

Ist doch aber eine sehr intensive Arbeit, wenn man mal etwas ändern möchte, muss man ja alle Templates bearbeiten.

-=TeuTaTes=- · 24. November 2005

bodo2005 schrieb:
Ist doch aber eine sehr intensive Arbeit, wenn man mal etwas ändern möchte, muss man ja alle Templates bearbeiten.

wohl wahr dass das mehr arbeit macht aber es geht!
und damit sind ausagen wie "...da ist mit HTML nix zu machen.." oder "...JavaScript ist ein muss..." überflüssig!

sicherlich ist Javascript das Optimale wenn es un eine einfache seite geht und PHP wenn es un Dynamische Seiten geht!

undertaker1988 · 24. November 2005

So hab jetzt ein code zusammengeschnippselt, aber mir fehlt leider noch eine Funktion, wenn ich drauf klicke öffnet sich das "Treemanu", aber ich möchte, wenn man wieder drauf kickt das es sich schließt.

HTML:

<html>
<head>

<script type="text/javascript">
<!--

function show(divid) {
document.getElementById("cat1").style.display="none";

document.getElementById(divid).style.display="inline";

}
//-->
</script>

</head>
<body bgcolor="#FFFFFF">
<a href="#" onclick="show('cat1')">Category 1</a><br>
<div id="cat1" style="display:none">
<a href="#" class="sub">Sub 1</a><br>
<a href="#" class="sub">Sub 2</a><br>
<a href="#" class="sub">Sub 3</a><br>
</div><br>
</div>


</body>
</head>

</html>

mh1001 · 25. November 2005

Hallo,

obige Funktion kannst du sowohl zum setzen des Styles als auch zum Abfragen dieses verwenden.

Somit brauchst du lediglich das ganze in eine entsprechende if-Bedingung setzen und dann je nach aktuellen Status die gewünschte Aktion ausführen.

MfG mh1001

undertaker1988 · 25. November 2005

mh1001 schrieb:
Hallo,

obige Funktion kannst du sowohl zum setzen des Styles als auch zum Abfragen dieses verwenden.
Somit brauchst du lediglich das ganze in eine entsprechende if-Bedingung setzen und dann je nach aktuellen Status die gewünschte Aktion ausführen.

MfG mh1001

Also nicht viel Aufwand aber mein Problem ist, das ich ka von js habe.

mh1001 · 25. November 2005

Hier einmal der Code.

Ist zwar ungetestet, ich hoffe aber, dass er dennoch funktioniert.

HTML:

<html>
<head>

<script type="text/javascript">
<!--

function show(divid) {

if(document.getElementById(divid).style.display == "none")
{
  document.getElementById(divid).style.display="inline";
}
else
{
  document.getElementById(divid).style.display="none";
}

}
//-->
</script>

</head>
<body bgcolor="#FFFFFF">

<a href="#" onclick="show('cat1')">Category 1</a><br>

<div id="cat1" style="display:none">
  <a href="#" class="sub">Sub 1</a><br>
  <a href="#" class="sub">Sub 2</a><br>
  <a href="#" class="sub">Sub 3</a><br>
</div>

</body>
</html>

MfG mh1001

undertaker1988 · 25. November 2005

Funktioniert perfekt danke

AntiBit · 26. November 2005

und damit sind ausagen wie "...da ist mit HTML nix zu machen.." oder "...JavaScript ist ein muss..." überflüssig!

<klugscheiss> Na dann machs auf deine HTML-Art, wünsche viel Spaß

</klugscheiss>

Meine Aussage hatte durchaus ihre Berechtigung.

undertaker1988 · 26. November 2005

So im Prinzip funktioniert es perfekt, aber das Ergebnis sieht unschön aus.
Ich hab jetzt ein div im div-bereich.

Nur wie umgeh ich das jetzt?

Ergebnis

mh1001 · 26. November 2005

Hallo,

ich habe mir deine ganzen Verschachtelungen im Code jetzt zwar nur sehr Oberflächlich angeschaut, wenn du jedoch in dein Stylesheet folgendes einfügst sollte es passen.

Code:

#div2 {
  position: relative;
}

MfG mh1001

undertaker1988 · 26. November 2005

So passt schon mal ganz gut nur leider ist da noch ein Abstand zwischen Shisha und Witze und sobald das Menu aufgeh entsteht wieder ein Abstandt

Menu offnet sich bei Klick auf Shisha.

mh1001 · 26. November 2005

Probiere es einmal mit folgendem Code, damit sollte es funktionieren:

HTML:

<p style="text-align: left; margin: 0;">
 <a target="hauptframe" href="start.php">Start</a><br>
 <a target="hauptframe" href="steckbrief.php">Steckbrief</a><br>
 <a target="hauptframe" href="rezepte.php">Rezepte</a><br>
 <a target="haputframe" href="geruechte.php">Gerüchte</a><br>
 <a target="hauptframe" href="traueme.php">Träume</a><br>
 <a href="#" onclick="show('div2')">Shisha</a>
</p>
<div id="div2" style="display:none; width:92; height:42; padding-left: 5px; text-align: center;">
 <a href="#" class="sub">Anleitung</a><br>
 <a href="#" class="sub">Tabak</a><br>
 <a href="#" class="sub">Kohle</a><br>
</div>
<p style="text-align: left; margin: 0;">
 <a target="hauptframe" href="witze.php">Witze</a><br>
 <a target="hauptframe" href="galerie/index.php">Fotogalerie</a><br>
 <a target="hauptframe" href="gb/gaestebuch.php">Gästebuch</a><br>
 <a target="hauptframe" href="kontakt.php">Kontakt</a> 
</p>

MfG mh1001

undertaker1988 · 26. November 2005

Joah das klappt gut ich danke dir recht gerzlich

[HTML] Eine Art Menü

Lt. Junior Grade

Cadet 4th Year

Cadet 1st Year

Lt. Commander

Captain Pro

Lt. Commander

-=TeuTaTes=-

Gast

Lt. Junior Grade

-=TeuTaTes=-

Gast

Lt. Junior Grade

Lt. Commander

Lt. Junior Grade

Lt. Commander

Lt. Junior Grade

Cadet 1st Year

Lt. Junior Grade

Lt. Commander

Lt. Junior Grade

Lt. Commander

Lt. Junior Grade

Ähnliche Themen