Navigationsleiste mit Untermenüs

  • #1
F

frank_gayer

Bekanntes Mitglied
Themenersteller
Dabei seit
24.08.2004
Beiträge
670
Reaktionspunkte
0
Hallo,

ich habe ja meine Navigationsleiste links etwas geändert und einige Untermenüs mit Buttons angelegt. Wie z.B. bei Reiseberichte. Wenn ich diese Untremenüs durch anklicken öffne, kann ich diese nicht wieder durch Anklicken schliessen. Wie bekomme ich das hin ?
Des weiteren ist mir aufgefallen, dass wenn ich ein Untermenü aufgeklappt habe, ich kein weiteres aufklappen kann. Wie kann ich das umgehen oder bzw. was ist da falsch ??
 
  • #2
Any Ideas ??!!
 
  • #3
OK, die Sache mal mit reinem HTML angegangen ;)

Du brauchst für jeden Hauptmenüpunkt eine eigene Menü-Datei, in der der geöffnete Zustand angezeigt wird.

(Ich mach jetz nur mal Reiseberichte und Bilder, ich will dir ja den Spass nicht nehmen ;D ;D)

d.H.
(Dateinamen müssen angepasst werden !!!!!!!!!)

startmenue.html
Code: 
<a href=startseite.html target=main>Startseite</a>
<a href=reiseberichte_offen.html target=leftFrame>Reiseberichte</a>
<a href=bildergalerie_offen.html target=leftFrame>Bildergalerie</a>

=> Reiseberichte wurde geöffnet

reiseberichte_offen.html
Code: 
<a href=startseite.html target=main>Startseite</a>
<a href=startmenue.html target=leftFrame>Reiseberichte</a>
 <a href=reise_1.html target=main>Punkt 1</a>
 <a href=reise_2.html target=main>Punkt 2</a>
 <a href=reise_3.html target=main>Punkt 3</a>
<a href=bildergalerie_offen.html target=leftFrame>Bildergalerie</a>


=> Bildergalerie wurde geöffnet

bildergalerie_offen.html
Code: 
<a href=startseite.html target=main>Startseite</a>
<a href=reiseberichte_offen.html target=leftFrame>Reiseberichte</a>
<a href=startmenue.html target=leftFrame>Bildergalerie</a>
 <a href=bilder_1.html target=main>Punkt 1</a>
 <a href=bilder_2.html target=main>Punkt 2</a>
 <a href=bilder_3.html target=main>Punkt 3</a>

usw.

!!! Bei Klick auf einen Hauptmenüpunkt ändert sich NUR die Navigation, der Main-Frame bleibt in seinem aktuellen Zustand !!!


gruss conny
 
  • #4
Hallo

das habe ich ja. Siehe hier:

Navigationsleiste links ( als Beispiel )

Code: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<title>Frank Gayer`s USA-Homepage</title>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<meta name=description content=Frank Gayer`s USA-Homepage>
<meta name=language content=de>
<meta name=author content=Frank Gayer>
<link rel=stylesheet type=text/css href=menu.css>
<base target=main>
</head>
<body marginwidth=0 marginheight=0 bgcolor=#808080 style=background-image: url('')>
<div>
<table width=13% border=0 cellpadding=0 cellspacing=0 height=592>
 <tr>
  <td height=60 style=border-bottom-style: solid; border-bottom-width: 1px><p align=center> <img border=0 src=USA_Flagge.gif width=68 height=50></td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center><a target=_parent href=../index.htm> <img border=0 src=../images/Startseite.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=145 height=8 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=4></font></td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center><a target=_self href=reiseberichte_navigation.html> <img border=0 src=../images/Reiseberichte.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td style=border-style: solid; border-width: 1px align=center height=8><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=4></font></td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center><a target=_self href=Bildergalerie_navigation.html> <img border=0 src=../images/Bildergalerie.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td style=border-style: solid; border-width: 1px align=center height=8 width=145><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=137 height=4></font></td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center><a target=_self href=vip_navigation.html> <img border=0 src=../images/VIP.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=145 height=8 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=137 height=4></font></td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center><a href=../Priceline/priceline.html> <img border=0 src=../images/Priceline.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=145 height=8 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=5></font></td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center> </td>
 </tr>
 <tr>
  <td width=145 height=7 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=5></font></td>
 </tr>
 <tr>
  <td width=145 height=23 style=border-style: solid; border-width: 1px align=center><a href=mailto:[email protected]?subject=Kontakt Homepage> <img border=0 src=../images/Kontakt.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=145 height=9 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=5></font></td>
 </tr>
 <tr>
  <td width=145 height=22 style=border-style: solid; border-width: 1px align=center> </td>
 </tr>
 <tr>
  <td width=145 height=25 style=border-style: solid; border-width: 1px align=center><p> <font size=2 face=Verdana> <img border=0 src=flag_line_divider.jpg width=138 height=20></font></td>
 </tr>
 <tr>
  <td width=145 height=231 style=border-style: solid; border-width: 1px align=center><b><font color=#FFFFFF face=Verdana size=2>Besucher gesamt</font></b><font face=Verdana size=2><b><span style=background-color: #FFFF00>
   <!-- Counter by GOWEB -->
   </span></b></font>
   <center>
    <b><font color=#FFFFFF size=2 face=Verdana>seit 20.11.2004</font><font face=Verdana size=2><a href=[url]http://www.webcounter.goweb.de/[/url] target=_blank><img src=[url]http://webcounter.goweb.de/50686.GIF[/url] hspace=1 vspace=1 border=0 alt=Kostenlose Counter by GOWEB></a>
    <div align=center><font color=#FFFFFF face=Verdana size=2>Besucher heute</font></div>
    <img src=[url]http://webcounter.goweb.de/50686TODAY.GIF[/url] alt=WEBCounter by GOWEB>
   </center>
   <font color=#FFFFFF>Aktuell online</font></b>   <a href=[url]http://www.webcounter.goweb.de/[/url] target=_blank> <img src=[url]http://webcounter.goweb.de/50686[/url]
ONLINE-0&38.GIF alt=gratis On Page Counter by GOWEB name=onpage hspace=1 vspace=1 border=0 width=45 height=20 class=menu></a></centre>
   </p>
   <p> 
 </tr>
 </div>
 
</table>
<p>   </p>
<p> 
 <style>
<!--
a:active { color:#0000FF; text-decoration: none; }
a:hover { color:#800000; text-decoration: none; }
-->
</style>
</body>
</html>

Untermenü

Code: 
<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN>
<html>
<head>
<title>Frank Gayer`s USA-Homepage</title>
<meta http-equiv=Content-Type content=text/html; charset=iso-8859-1>
<meta name=description content=Frank Gayer`s USA-Homepage>
<meta name=language content=de>
<meta name=author content=Frank Gayer>
<link rel=stylesheet type=text/css href=menu.css>
<base target=main>
</head>
<body marginwidth=0 marginheight=0 bgcolor=#808080 style=background-image: url('menu_left_Kopie(1')>
<div>
<table width=10% border=0 cellpadding=0 cellspacing=0 height=592>
 <tr>
  <td height=60 style=border-bottom-style: solid; border-bottom-width: 1px><p align=center> <img border=0 src=../USA_Flagge.gif width=68 height=50></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=../main/main.html> <img border=0 src=../images/Startseite.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=8 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=4></font></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=reiseberichte.html> <img border=0 src=../images/Reiseberichte.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td style=border-style: solid; border-width: 1px align=center height=8><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=4></font></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=../Reisebericht_2004/tour2004.html> <img border=0 src=../images/2004_hell.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=../Reisebericht_2002/tour2002.html> <img border=0 src=../images/2002_hell.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=../Reisebericht_1999/tour1999.html> <img border=0 src=../images/1999_hell.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a target=_self href=../Reisebericht_1998/tour1998.html> <img border=0 src=../images/1998_hell.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a target=_self href=../Reisebericht_1996/tour1996.html> <img border=0 src=../images/1996_hell.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=bildergalerie.html> <img border=0 src=../images/Bildergalerie.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td style=border-style: solid; border-width: 1px align=center height=8 width=130><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=137 height=4></font></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=../Sicherung/very_important_places.html> <img border=0 src=../images/VIP.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=8 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=137 height=4></font></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><a href=../Priceline/priceline.html> <img border=0 src=../images/Priceline.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=8 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=5></font></td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center> </td>
 </tr>
 <tr>
  <td width=130 height=7 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=5></font></td>
 </tr>
 <tr>
  <td width=130 height=23 style=border-style: solid; border-width: 1px align=center><a href=mailto:[email protected]?subject=Kontakt Homepage> <img border=0 src=../images/Kontakt.gif width=138 height=37></a></td>
 </tr>
 <tr>
  <td width=130 height=9 style=border-style: solid; border-width: 1px align=center><font color=#FFFFFF face=Verdana size=2> <img src=trenn.gif width=138 height=5></font></td>
 </tr>
 <tr>
  <td width=130 height=22 style=border-style: solid; border-width: 1px align=center> </td>
 </tr>
 <tr>
  <td width=130 height=25 style=border-style: solid; border-width: 1px align=center><p> <font size=2 face=Verdana> <img border=0 src=flag_line_divider.jpg width=138 height=20></font></td>
 </tr>
 <tr>
  <td width=130 height=231 style=border-style: solid; border-width: 1px align=center><b><font color=#FFFFFF face=Verdana size=2>Besucher gesamt</font></b><font face=Verdana size=2><b><span style=background-color: #FFFF00>
   <!-- Counter by GOWEB -->
   </span></b></font>
   <center>
    <b><font color=#FFFFFF size=2 face=Verdana>seit 20.11.2004</font><font face=Verdana size=2><a href=[url]http://www.webcounter.goweb.de/[/url] target=_blank><img src=[url]http://webcounter.goweb.de/50686.GIF[/url] hspace=1 vspace=1 border=0 alt=Kostenlose Counter by GOWEB></a>
    <div align=center><font color=#FFFFFF face=Verdana size=2>Besucher heute</font></div>
    <img src=[url]http://webcounter.goweb.de/50686TODAY.GIF[/url] alt=WEBCounter by GOWEB>
   </center>
   <font color=#FFFFFF>Aktuell online</font></b>   <a href=[url]http://www.webcounter.goweb.de/[/url] target=_blank> <img src=[url]http://webcounter.goweb.de/50686[/url]
ONLINE-0&38.GIF alt=gratis On Page Counter by GOWEB name=onpage hspace=1 vspace=1 border=0 width=45 height=20 class=menu></a></centre>
   </p>
   <p> 
 </tr>
 </div>
 
</table>
<p>   </p>
<p> 
 <style>
<!--
a:active { color:#0000FF; text-decoration: none; }
a:hover { color:#800000; text-decoration: none; }
-->
</style>
</body>
</html>

* Conny: Code-Tags korriegiert *
* Conny: HTML-Scripte formatiert *
 
  • #5
das habe ich ja. Siehe hier:
Zum Vergrößern anklicken....

Jup, ich sehe das dem nicht so ist *PUNKT*
Warum musst du eigentlich immer wieder Sachen behaupten die sich innerhalb von 20 sec. als FALSCH herausstellen :mad: :mad:

BTW: 1996 + 1998 passt schon mal gar nicht ;D ;D

Tipp:
Kopiere dir die Links mal in eine sep. Datei
=> Nur die Links ( <a href=..... target=...>....</a> ), nicht das ganze Tabellen Geraffel.
Anschließend vergleichst du es mit meinem Beispiel.
Hierbei solltest du auch ein Auge auf die jeweiligen TARGET werfen. ;)


gruss conny
 
  • #6
So, jetzt nun mal in Kurzform:

Ich habe das Navigationsmenü und das geöffnete Menü fertig, was ja auch klappt. Mir geht es nur darum, dass wenn ich z.B. Bildergalerie aufklappe, ich nicht Reiseberichte anschließend aufklappen kann. Ich kann aber auch Bildergalerie nicht wieder zuklappen oder wo ist da das Problem ??
 
  • #7
Da ich Online noch keine Veränderung feststellen kann, kann ich nur nochmals darauf hinweisen, dass mein Bsp. funktioniert.

Wenn du auf z.B. Reiseberichte klickst, wird die geöffnete Navigation für Reiseberichte in den linken Frame geladen.

Dort kannst du auf irgend ein Jahr klicken das im main Frame angezeigt werden soll.

Klickst du bei geöffneten Reiseberichten auf z.B. Bildergalerie, wird die geöffnete Navigation für Bildergalerien in den linken Frame geladen.

usw. usw.


Sooooooooooo einfach ist das => auf => zu => auf => zu => auf => zu

Naja, jedenfalls in meinem Beispiel ;D ;D
 
  • #8
Hallo,

ich blick`das nicht. Zuerst einmal will ich klären, warum ich ein Problem habe, wenn ich zwei Navigationen nacheinander öffnen will. Da bekomme ich eine Fehlermeldung. Zum Beispiel zuerst Bildergalerie und dann Very Important Places. Die Links stimmen aber es klappt eben nicht.
 
  • #9
Das Phänomen ist, ich rufe Bildergalerie auf, anschließend Reiseberichte. Der Link mit der Fehlermeldung der dann kommt verweist auf folgenden Ordner:

/menu2/reiseberichte.html

Diesen habe ich aber weder unter Reisebericht verlinkt noch gibt es reiseberichte.html.

Der richtige Link ist reiseberichte_navigation.html.

Was ist das ???
 
  • #10
Aber nur weil Sonntag ist hab ich dir mal das Beispiel Online gestellt.

Testen, Code kopieren, anpassen => fertig

http://www.php-guru.de/test/McGay(v)er/

gruss

Nachtrag:
Bitte denke daran, dass es bei dem Bsp. 3 versch. Nav-Dateien gibt !!!
 
  • #11
Hallo,

ich stelle jetzt mal um.

Was bedeutet denn dieser target:

<a href=nav_bilder_auf.html target=leftFrame>Bildergalerie</a>
 
  • #12
leftFrame ist der Name des linken Navigationsframe, target=_self währe das gleiche ;)
 
  • #13
Ja, aber auf was soll nav_bilder_auf verweisen ??
 
  • #14
Hier kann ich auch nur _main verwenden

mainFrame
 
  • #15
Sag mal, rede schreibe ich hier gegen die Berliner Mauer oder was :mad:

nav_reise_auf = Navigationsdatei mit geöffnetem Untermenü für Reiseberichte (Untermenü für Bilder ist geschlossen)
nav_bilder_auf = Navigationsdatei mit geöffnetem Untermenü für Bildergalerie (Untermenü für Reisen ist geschlossen)

frank_gayer schrieb:
Hier kann ich auch nur _main verwenden

mainFrame
Zum Vergrößern anklicken....

Sorry, aber so langsam macht sich hier jemand lächerlich, und ich ziehe mir diesen Schuh bestimmt nicht an.
Wie oft muss ich noch erwähnen, dass du Dateinamen anpassen musst.
Dies gilt natürlich auch für Framenamen :mad:
 
  • #16
Uups, ich habe den Fehler entdeckt, warum es bisher nicht ging. Ich hatte die targets bei den Untermenüs nicht angepasst. Jetzt habe ich das geändert und lade die Änderungen hoch. Ich stand vor dem berühmten Wald und sah die Bäume nicht. Sorry
 
Thema:

Navigationsleiste mit Untermenüs

ANGEBOTE & SPONSOREN

Neueste Themen

Statistik des Forums

Themen
113.838
Beiträge
707.961
Mitglieder
51.491
Neuestes Mitglied
haraldmuc
Oben