Navigationsleiste mit Untermenüs

Dieses Thema Navigationsleiste mit Untermenüs im Forum "Webentwicklung, Hosting & Programmierung" wurde erstellt von frank_gayer, 14. Mai 2005.

Thema: Navigationsleiste mit Untermenüs Hallo, ich habe ja meine Navigationsleiste links etwas geändert und einige Untermenüs mit Buttons angelegt. Wie...

  1. 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:info@frankgayer.com?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:info@frankgayer.com?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. 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 !!!
     
Die Seite wird geladen...

Navigationsleiste mit Untermenüs - Ähnliche Themen

Forum Datum
Navigationsleiste auf allen Seiten Webentwicklung, Hosting & Programmierung 23. Apr. 2005
Navigationsleiste links und rechts der Startseite Webentwicklung, Hosting & Programmierung 13. März 2005
Frontpage - Navigationsleiste ??!!!! Webentwicklung, Hosting & Programmierung 28. Nov. 2004
Eckenabrunden bei Navigationsleisten Buttons basteln Webentwicklung, Hosting & Programmierung 10. Dez. 2002
Flash-Navigationsleiste Webentwicklung, Hosting & Programmierung 21. Dez. 2002