IPB

Willkommen, Gast ( Anmelden | Registrierung )

2 Seiten V   1 2 >  
Reply to this topicStart new topic
> Navigationsleiste
Looger
Beitrag 29.03.2005 - 14:38
Beitrag #1


is getting harder


Gruppe: User
Beiträge: 22
Mitglied seit: 01.05.2004
Wohnort: Berlin
Mitglieds-Nr.: 2.607



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
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 29.03.2005 - 14:47
Beitrag #2


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



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
Go to the top of the page
 
+Quote Post
Looger
Beitrag 29.03.2005 - 14:50
Beitrag #3


is getting harder


Gruppe: User
Beiträge: 22
Mitglied seit: 01.05.2004
Wohnort: Berlin
Mitglieds-Nr.: 2.607



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
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 29.03.2005 - 15:01
Beitrag #4


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



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",
);
?>
Go to the top of the page
 
+Quote Post
Looger
Beitrag 29.03.2005 - 15:07
Beitrag #5


is getting harder


Gruppe: User
Beiträge: 22
Mitglied seit: 01.05.2004
Wohnort: Berlin
Mitglieds-Nr.: 2.607



Vielen dank, dann werd ich mich mal da reinarbeiten smile.gif
Go to the top of the page
 
+Quote Post
Looger
Beitrag 29.03.2005 - 17:02
Beitrag #6


is getting harder


Gruppe: User
Beiträge: 22
Mitglied seit: 01.05.2004
Wohnort: Berlin
Mitglieds-Nr.: 2.607



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

Der Beitrag wurde von Looger bearbeitet: 29.03.2005 - 17:20
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 29.03.2005 - 22:59
Beitrag #7


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



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
Go to the top of the page
 
+Quote Post
Auge
Beitrag 30.03.2005 - 0:51
Beitrag #8


Anwärter auf W3.org Mitgliedschaft
*****

Gruppe: User
Beiträge: 550
Mitglied seit: 28.11.2001
Wohnort: Berlin Friedrichshain
Mitglieds-Nr.: 107



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.

Der Beitrag wurde von Auge bearbeitet: 30.03.2005 - 0:53
Go to the top of the page
 
+Quote Post
Looger
Beitrag 30.03.2005 - 8:45
Beitrag #9


is getting harder


Gruppe: User
Beiträge: 22
Mitglied seit: 01.05.2004
Wohnort: Berlin
Mitglieds-Nr.: 2.607



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
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 30.03.2005 - 8:48
Beitrag #10


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



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
Go to the top of the page
 
+Quote Post
Auge
Beitrag 30.03.2005 - 13:49
Beitrag #11


Anwärter auf W3.org Mitgliedschaft
*****

Gruppe: User
Beiträge: 550
Mitglied seit: 28.11.2001
Wohnort: Berlin Friedrichshain
Mitglieds-Nr.: 107



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
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 30.03.2005 - 15:03
Beitrag #12


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



Ne, das mag ich nicht. Menus mit Javascript schon mal lange nicht und Menus mit CSS konnte ich noch nicht wirklich zufriedenstellend bewundern :-)
Go to the top of the page
 
+Quote Post
Morgil
Beitrag 04.04.2005 - 19:53
Beitrag #13


Rookie


Gruppe: User
Beiträge: 1
Mitglied seit: 04.04.2005
Mitglieds-Nr.: 4.949



Oje, mein Menü ließ sich nur mit CSS und JS realisieren smilywand.gif omg.gif
Go to the top of the page
 
+Quote Post
Andreas
Beitrag 04.04.2005 - 19:55
Beitrag #14


____________________
Gruppensymbol

Gruppe: Admin
Beiträge: 1.220
Mitglied seit: 20.10.2001
Mitglieds-Nr.: 3



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 ...
Go to the top of the page
 
+Quote Post
Jörg
Beitrag 16.04.2005 - 17:56
Beitrag #15


Rookie


Gruppe: User
Beiträge: 9
Mitglied seit: 15.04.2005
Wohnort: Hamburg / Bergedorf
Mitglieds-Nr.: 4.992



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.

Der Beitrag wurde von Jörg bearbeitet: 16.04.2005 - 18:04
Go to the top of the page
 
+Quote Post
Jörg
Beitrag 21.05.2005 - 13:46
Beitrag #16


Rookie


Gruppe: User
Beiträge: 9
Mitglied seit: 15.04.2005
Wohnort: Hamburg / Bergedorf
Mitglieds-Nr.: 4.992



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.
Go to the top of the page
 
+Quote Post
Google Bot
Beitrag
Beitrag #


Google Ads









Go to the top of the page
 
Quote Post

2 Seiten V   1 2 >
Reply to this topicStart new topic
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:

 



RSS Vereinfachte Darstellung Aktuelles Datum: 28.10.2025 - 12:43

taschenkalender
expertise-panel IPS Driver Error

IPS Driver Error

There appears to be an error with the database.
You can try to refresh the page by clicking here