Hilfe - Suche - Mitglieder - Kalender
Vollansicht: Navigationsleiste
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML
Looger
Hallöchen, ich versuche eine Navigationsleiste am linken Rand der Seite zu erstellen, welche 7 verschiedene Menüpunkte bietet, beim anklicken eines Menüpunktes soll sich direkt darunter eine Leiste mit Submenüs öffnen, beim anklicken des nächsten Menüpunktes soll sich die Leiste mit Submenüs vom vorherigen Menüpunkt schliessen und dafür die neue von diesem Menüpunkt öffnen...

Naja, ich bin kein großer Redner, ich hoffe, ihr versteht wie ich meine smile.gif Wie kann ich das umsetzen? Hab mir bisher überlegt, das ganze an sich in iframes zu verpacken, sonderlich weit komm ich aber nicht sad.gif

MfG Looger
Andreas
Hi,

so wie auf http://www.club4live.de/ ?

Das habe ich mit PHP gelöst und die Einträge kommen aus einer Tabelle. Kann man also beliebig erweitern. Solche Lösungen gibt's auch mit Javascript, das taugt allerdings nicht, weil es clientseitig ausgeführt wird und somit Du als Websiteersteller nicht weißt ob es beim besucher vorhanden ist oder nicht.

Wenn es das ist, was Du suchst, kann ich mal gucken, ob ich den Code noch finde wink.gif

Grüße

Andreas
Looger
ZITAT(Andreas @ 29.03.2005 - 14:47)


Yep, das würde ziemlich genau meinen Vostellungen entsprechen.

Würde mich freuen, wenn du da einen Code da hättest smile.gif
Andreas
So, einfach rauskopiert und nicht "verschönt". Ist auch schon 2 Jahre her, dass ich das gebastelt habe und inzwischen habe ich auch gestutzt, was den Code angeht wink.gif aber er funktioniert wenigstens!



navi.php (da muß man sich natürlich noch HTML Code rumbasteln - das ist nur das reine Menu!)
HTML
<?
// Einbinden der Konfiguration für das menu
include
"nav_conf.php";

// Schleife, welche das komplette Navigationsarray durchläuft
while(list($schluessel, $wert) = each($navigation)){
$IDp = substr($schluessel,0,2); // ID auslesen
$MenuPunkt = substr($schluessel,3,strlen($schluessel)-3); // Menüpunkt auslesen
$extern = substr($schluessel,2,1);

if ($wert == "MAIN"){ // Oberbegriff?
echo '<a class="hmenu" href="'.$path.'?ID='.$IDp.'">';
echo $MenuPunkt.'</a><br>'."\n";
} else {
// Passende Unterrubrik erreicht?
if ($IDp == $ID or $ID == "99") {
echo '&nbsp;<a href="'.$wert;

// Soll hinter jedem Untermenüpunkt die ID erscheinen?
if ($umenu == 1) {
echo '?ID='.$IDp;
}

echo '"';

// Ist es ein Frameset und wo soll der Content hin?
// Wenn $extern gefüllt ist, bitte neues Browserfenster.

if ($extern == "#"){
$target = "_new";
}

if ($target) {
echo ' target="'.$target.'"';
}
echo '>'.$MenuPunkt.'</a><br>'."\n";
}

}
}
?>


nav_conf.php (Hier werden die menupunkte festgelegt)
HTML
<?
$ID = 01;
$ID = $HTTP_GET_VARS['ID']; // auslesen des Menübereiches
$target = "main"; // optional für Framesets: Name des
// ContentFrames
$umenu = "0"; // Untermenüpunkte mit ID versehen? 1=ja, 0=nein
$path = basename(getenv("SCRIPT_NAME")); // auslesen des aktuellen Dateinamens

// Die komplette Menüstruktur wird in einem Array abgelegt.
// Zunächst folgt eine zweistellige ID zur Kennzeichnung des Menübereiches. Danach ein
// (im Prinzip) beliebiges Trennzeichen (z.B. ein Space). Danach der gewünschte Name des
// Menüpunktes. Diesem "Schlüssel" wird als Wert der Pfad des zu erzeugenden Links mit-
// gegeben.
// Dem "Oberpunkt" eines jeden Menubereiches wird als Wert der Schlüssel "MAIN" mitgegeben.
// Das Script erzeugt hieraus einen Link, der auf die aktuelle Datei zeigt und zusätzlich
// die ID des gewünschten Menüpunktes hat.
// Setzt man hinter die ID des Menupunktes eine #, so öffnet die entsprechende
// Seite in einem neuen Browserfenster.

$navigation = array (
// Start //
"01 Club4 Live"=>"MAIN",
"01 HOME"=>"news_cms/index.php",
"01 S-Club4LIVE"=>"derclub/derclub.html",
// Events //
"02 Events"=>"MAIN",
"02 Übersicht 4LIVE"=>"events_cms/index.php",
// News //
"03 News"=>"MAIN",
"03 Clubnews"=>"news_cms/index.php",
"03 Newsletter"=>"news/newsletter/index.htm",
// Service //
"04 Service"=>"MAIN",
"04 Ausbildung"=>"service/ausbi-gesamt.htm",
"04 Clubservice"=>"http://www.sclub.de/clubdata/kunden/minden/service.html",
"09#Filme"=>"http://www.filmfacts.de",
// Entfalten //
"99 -- alle --"=>"MAIN",
);
?>
Looger
Vielen dank, dann werd ich mich mal da reinarbeiten smile.gif
Looger
Da ich mich noch nie mit PHP beschäftigt habe, hab ich noch Verständnisprobleme, hast du vielleicht eine PHP-Anfägerseite irgendwo in deinen Favoriten, die mich mit den Grundlagen vertraut macht, den code verstehen zu können? smile.gif
Andreas
ZITAT(Looger @ 29.03.2005 - 18:02)
hast du vielleicht eine PHP-Anfägerseite irgendwo in deinen Favoriten, die mich mit den Grundlagen vertraut macht,

Puh ... so richtig nicht. Ich bin irgendwann mal mit Perl angefangen. Habe mir das aber auch mehr so durch lesen von Scripten nahegebracht und irgendwann mal ein kleines Perl-Büchlein gekauft. PHP ist nicht sooo anders von der Sprache her - zumindest nicht in den Grundfunktionen (und viel mehr benutze ich da ja nicht).

Wo ich allerdings immer noch alles Nase lang reingucke ist: http://www.selfphp.de/ Ich finde die Erklärungen sehr einleuchtend und nachvollziehbar. Zumindest wenn man *irgendwas* programmieren kann/konnte - bei mir ist das eigentlich nur von allem ein bißchen und von Basic ein bißchen mehr wink.gif

Ich bin da auch eher so ambitionierter Laie denke ich.

Grüße

Andreas
Auge
ZITAT(Looger @ 29.03.2005 - 17:02)
Da ich mich noch nie mit PHP beschäftigt habe, hab ich noch Verständnisprobleme, hast du vielleicht eine PHP-Anfägerseite irgendwo in deinen Favoriten, die mich mit den Grundlagen vertraut macht, den code verstehen zu können? smile.gif


PHP-Einführung auf schattenbaum.net
offizielle deutsche Doku auf php.net
FAQ der newsgroup de.comp.lang.php

Das sollte zur Einarbeitung erstmal reichen. Blättern und schmökern musst du schon selbst. :-)

Tschö, Auge

PS: Was habt Ihr mit den Submenüs? Mit Mozilla 1.7.5 tut sich auf der club4live-Seite überhaupt nichts in der Richtung.
Looger
ZITAT(Auge @ 30.03.2005 - 0:51)
PS: Was habt Ihr mit den Submenüs? Mit Mozilla 1.7.5 tut sich auf der club4live-Seite überhaupt nichts in der Richtung.
*


Also, mit Mozilla 1.6 schon blink.gif

Danke euch beiden für die Links smile.gif
Andreas
ZITAT(Auge @ 30.03.2005 - 1:51)
PS: Was habt Ihr mit den Submenüs? Mit Mozilla 1.7.5 tut sich auf der club4live-Seite überhaupt nichts in der Richtung.
Mit dem Mozilla 1.7.5 den ich hier benutze allerdings schon. Was ist an Deinem bloß anders? ohmy.gif
Auge
ZITAT(Andreas @ 30.03.2005 - 8:48)
Mit dem Mozilla 1.7.5 den ich hier benutze allerdings schon. Was ist an Deinem bloß anders?  ohmy.gif

Ich habe mir das nochmal angesehen. Es geht um die Öffnung der Untermenüs per Übergabe der ID an ein PHP-Script? Das funktioniert natürlich bei mir auch, warum sollte es auch nicht gehen. Ich hatte erwartet, dass mit mouseover (JavaScript) oder hover (CSS) das Submenü direkt im Browser, ohne Serveranfrage, eingeblendet wird.

Und das genau passierte nicht, deshalb meine Frage.

Tschö, Auge
Andreas
Ne, das mag ich nicht. Menus mit Javascript schon mal lange nicht und Menus mit CSS konnte ich noch nicht wirklich zufriedenstellend bewundern :-)
Morgil
Oje, mein Menü ließ sich nur mit CSS und JS realisieren smilywand.gif omg.gif
Andreas
ZITAT(Morgil @ 04.04.2005 - 20:53)
Oje, mein Menü ließ sich nur mit CSS und JS realisieren smilywand.gif  omg.gif
*

Erläuterst Du mir kurz den Zusammenhang zum restlichen Thread? Ansonsten werde ich Dein Posting löschen ...

BTW: Es gibt kein Menu, welches sich ausschließlich mit Javascript und CSS realisieren lässt. CSS zur Formatierung sicher, aber wenn das Menu nur mit Javascript funktioniert, ist es kaputt.

[Nachtrag]: Habe mir jetzt mal Deine Seite angesehen. Ja, Dein Menu ist kaputt. Es funktioniert nur mit Javascript *und* es besteht gar kein Grund dazu. Es ist nämlich absolut ohne Schnickschnack, der überhaupt Javascript erfordern würde. Eine Formatierung per CSS ist selbsredend erwünscht - aber warum Du da Javascript verwendest, erschließt sich mir ganz und gar nicht ...
Jörg
Hallo,

sind das eigentlich alle Codes die man braucht?
Ich möchte nämlich auch auf der linken Seite eine Navigation haben.
Deshalb die Frage.

Und wie baue ich das in eine Htmlseite ein?
Wäre schön wenn Ihr einen Anfänger wie mir helfen würdet.
Jörg
Hallo,

wie binde ich diese Navigation in diese Linke Box ein?

Dann hätte ich eine richtig gute Seite.
Bzw. wie ändert ein Anfänger wie ich seine Seiten so das die Navi funktioniert?
Muß ich für jedes Hauptthema eine index.php o.ä. erstellen?

Bitte helft, so nahe war ich eine wirklich guten Seite lange nicht mehr.
Dieses ist eine vereinfachte Darstellung unseres Foreninhaltes. Um die detaillierte Vollansicht mit Formatierung und Bildern zu betrachten, bitte hier klicken.
Invision Power Board © 2001-2012 Invision Power Services, Inc.