Jeweils angeklickter Navigationspunkt soll rot bleiben

nilsk · 07.03.2011, 17:32

Hallo liebe Leute von PHP.de,

ich würde gern bei der folgenden Seite den jeweils angeklickten Navigationspunkt rot färben. Es wäre klasse, wenn mir jemand erklären kann wie ich das mache oder mir ein paar Stichworte und Zusammenhänge nennen könnte, wonach ich suchen muss:

http://www.meine_webseite.de/000_mei..._com/index.php

Schöne Grüße
Nils

07.03.2011, 20:53

also versuchs mal mit CSS-Styles.
damit wirst du's hinbekommen

EDIT: wenn intresse an lösung besteht, einfach eine PN schreiben

Wolla · 07.03.2011, 20:56

Das Färben von Seitenelementen hat nichts mit PHP zu tun.

*verschoben*

07.03.2011, 20:57

Zitat:

Zitat von Wolla

Das Färben von Seitenelementen hat nichts mit PHP zu tun.

*verschoben*

stimmt eigentlich

nilsk · 08.03.2011, 10:41

Hallo Wolla, danke für den Tipp. Im HTML-Forum sagte man mir, ich müsse die Seite "mit PHP auslesen", um das zu realisieren. Das war offenbar eine Fehl-Info.

=> Was muss ich denn nun machen oder wonach suchen, um das hinzukriegen? Wenn das wirklich per CSS geht(?), dann mit welchem Befehl?

Grüße
Nils

mermshaus · 08.03.2011, 11:09

Deine Definition ist etwas unklar. Ich nehme an, du möchtest die gegenwärtige Position des Besuchers innerhalb der Seite im Navigationsmenü markieren? Wenn der Nutzer auf der Startseite ist, soll der Menüpunkt „Startseite“ hervorgehoben werden, auf der Kontaktseite der Menüpunkt „Kontaktseite“ und so weiter?

Dazu könntest du entweder auf jeder Unterseite den entsprechenden Menüpunkt mit einer speziellen CSS-Klasse versehen oder – wenn du dein Menü dynamisch generierst oder zumindest zentral einfügst – das Vergeben dieser Klasse automatisiert von PHP übernehmen lassen.

nilsk · 08.03.2011, 11:33

Hallo mermshaus,

ja, so, wie du es beschreibst, soll es laufen: Wenn "Kontakt" angeklickt ist, soll dieser Punkt dauerhaft durch eine Farbe anzeigen, wo sich der Nutzer der Seite gerade befindet und das auch bei allen anderen Punkten; "Startseite", "Impressum" etc.

Da ich mich mit PHP so gut wie gar nicht auskenne, würde ich gern ausschließlich HTML und CSS verwenden.

Ich binde die Navigation übrigens per "include" Befehl ein. Die liegt also zentral in einer HTML Datei. Aufbau meiner Seite: index.php enthält ausschließlich mehrere "include"-ierte HTML-Seiten. a) Navigation, b) Haupt-Content-Bereich, c) Bannerbereich rechts (zweiter Content-Bereich; neue Spalte).
- - -

Könntest du etwas mehr erklären, wie das Prinzip mit den "Class"es im Bezug auf die Navigationspunkte in den CSS genau funktioniert und wo ich dazu eine Anleitung oder weiterführende Infos finden kann? Das wäre klasse.

Grüße
Nils

mermshaus · 08.03.2011, 15:16

Das wird nur mit HTML und CSS nicht möglich sein. Dazu müsstest du für jede Inhaltsseite statisch und redundant das Menü bearbeiten, was die Variante mit den Includes nicht so recht erlaubt (zum Glück).

Die PHP-Lösung hängt vor allem vom Aufbau deiner URLs ab. Vermutlich sehen die in etwa so aus?

Code:

index.php?page=home
index.php?page=contact
...

Dann könntest du die Klasse beim aktiven Menüelement grob nach diesem Schema setzen:

PHP-Code:

 
<ul>

    <li<?php echo ($_GET['page'] === 'home') ? ' class="active"' : ''; ?>>

        <a href="index.php?page=home">Startseite</a>

    </li>

    <li<?php echo ($_GET['page'] === 'contact') ? ' class="active"' : ''; ?>>

        <a href="index.php?page=contact">Kontakt</a>

    </li>

</ul>

Es gibt geschicktere Möglichkeiten, die aber mehr Code erfordern und dementsprechend schwieriger zu erklären sind.

Du könntest sicher hier im Forum oder sonst im Web nach „menü dynamisch“ oder „navigation dynamisch“ suchen.

nilsk · 10.03.2011, 09:40

@ mermshaus, @ WilkeDevelop und @ Wolla:

Ich bräuchte von euch - oder von jemand anderem aus dem Forum - bitte eine gemeinsame Aussage, ob Möglichkeit A)

Zitat:

Zitat von Wolla

Das Färben von Seitenelementen hat nichts mit PHP zu tun.

*verschoben*

zutrifft oder Möglichkeit B)

Zitat:

Zitat von mermshaus

Das wird nur mit HTML und CSS nicht möglich sein. (...)

oder eine Möglichkeit C), die mir bisher unbekannt ist.
- -

... Und wenn möglich einen richtungsweisenden Ansatz, wie ich das umsetzen kann.

Grüße
Nils
P.S.: Übrigens wäre ich froh, wenn ich das möglichst OHNE PHP realisieren könnte. Nur für den Fall, dass das nicht möglich ist, würde ich mir die Mühe machen und die entsprechenden Bestandteile von PHP lernen bzw. besorgen. Jemand schrieb mir eine PN und dachte - warum auch immer - ich wollte das unbedingt mit PHP machen. ... Das Gegenteil ist der Fall, wenn das möglich ist.

mermshaus · 10.03.2011, 11:38

Das Färben selbst hat nichts mit PHP zu tun, aber die Logik, wann was gefärbt werden soll, kannst du ohne PHP nicht abbilden, wenn dein Menü zentral als Include vorliegt.

Beispiel 1 (redundantes Menü):

homepage.html:

HTML-Code:

<ul>
    <li class="active"><a href="/homepage.html">Homepage</a></li>
    <li><a href="/kontakt.html">Kontakt</a></li>
</ul>

<h1>Homepage</h1>

kontakt.html:

HTML-Code:

<ul>
    <li><a href="/homepage.html">Homepage</a></li>
    <li class="active"><a href="/kontakt.html">Kontakt</a></li>
</ul>

<h1>Kontakt</h1>

Hier steht das Menü direkt in jeder Seite, du kannst also pro Seite die notwendigen CSS-Klassen vergeben, die das Einfärben übernehmen.

Beispiel 2 (Menü als Include):

homepage.php:

PHP-Code:

  include './menu.php';

 
<h1>Homepage</h1>

kontakt.php:

PHP-Code:

  include './menu.php';

 
<h1>Kontakt</h1>

menu.php:

HTML-Code:

<ul>
    <li><a href="/homepage.php">Homepage</a></li>
    <li><a href="/kontakt.php">Kontakt</a></li>
</ul>

Hier kannst du das Menü nur in menu.php zentral bearbeiten. Jede Änderung, die du vornimmst, erscheint auf jeder Inhaltsseite. – Es sei denn, du arbeitest mit Fallunterscheidungen (siehe mein letzter Post).

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
query von allen datensätze alle kunden jeweils der neueste eintrag...	taurus	Datenbanken	45	10.07.2010 14:26
Jeweils neuesten Ordner und Datei auslesen und anzeigen	andre_1984	Scriptbörse	18	14.09.2009 19:15
Nur jeweils die ersten 5 Zeichen vergleichen	ketchup	PHP Tipps 2009	7	21.04.2009 13:36
[Erledigt] Datum jeweils um 1 Tag erhöhen (mehrmals)	Big Kahuna	PHP Tipps 2009	8	31.03.2009 08:22
Array eintrag für Eintrag durchgehen und jeweils Feld hinzufügen	Stephan_87	PHP Tipps 2009	3	12.02.2009 19:23
[Erledigt] int Zahl aus DB lesen und nach jeweils 3 Ziffern einen Punkt setzen	MCee Donald	PHP Tipps 2008	4	30.10.2008 11:58
MySQL Abfrage nur jeweils eine Ausgabe	Hawk	PHP Tipps 2007	15	19.02.2007 00:35
Content Seite drucken jeweils mit Logo	NetLook	HTML, Usability und Barrierefreiheit	7	10.01.2007 11:52
Von mehreren gleichen Daten nur jeweils eine selektieren		Datenbanken	6	02.05.2006 14:45
Variabel um jeweils 1 erhöhen		PHP Tipps 2006	13	13.01.2006 17:53
geklickten Navigationspunkt merken und Farbe ändern?		PHP Tipps 2007	2	05.12.2005 10:53
Aus mehreren Kategorien das jeweils aktuellste Item holen		Datenbanken	11	31.03.2005 11:48
String zerlegen und jeweils als Bild ausgeben		PHP Tipps 2005	6	08.02.2005 15:19
Jeweils 3 Ergebnisse in einer Reihe?		PHP Tipps 2004-2	2	18.12.2004 03:21
jeweils einen, der öfters vorkommenden Werte, selektieren		Datenbanken	4	16.08.2004 16:02

07.03.2011, 17:32
nilsk Neuer Benutzer Registriert seit: 23.07.2009 Beiträge: 18 PHP-Kenntnisse: Anfänger	Jeweils angeklickter Navigationspunkt soll rot bleiben Hallo liebe Leute von PHP.de, ich würde gern bei der folgenden Seite den jeweils angeklickten Navigationspunkt rot färben. Es wäre klasse, wenn mir jemand erklären kann wie ich das mache oder mir ein paar Stichworte und Zusammenhänge nennen könnte, wonach ich suchen muss: http://www.meine_webseite.de/000_mei..._com/index.php Schöne Grüße Nils Geändert von nilsk (08.03.2011 um 10:39 Uhr).


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

07.03.2011, 20:53
WilkeDevelop Gast Beiträge: n/a	also versuchs mal mit CSS-Styles. damit wirst du's hinbekommen EDIT: wenn intresse an lösung besteht, einfach eine PN schreiben

07.03.2011, 20:56
Wolla Moderator Registriert seit: 06.06.2008 Beiträge: 4.945 PHP-Kenntnisse: Fortgeschritten	Das Färben von Seitenelementen hat nichts mit PHP zu tun. verschoben __________________ Warum denkt mein Hund eigentlich immer dann, wenn es an der Tür klingelt, es sei für ihn?

08.03.2011, 10:41
nilsk Neuer Benutzer Registriert seit: 23.07.2009 Beiträge: 18 PHP-Kenntnisse: Anfänger	Hallo Wolla, danke für den Tipp. Im HTML-Forum sagte man mir, ich müsse die Seite "mit PHP auslesen", um das zu realisieren. Das war offenbar eine Fehl-Info. => Was muss ich denn nun machen oder wonach suchen, um das hinzukriegen? Wenn das wirklich per CSS geht(?), dann mit welchem Befehl? Grüße Nils

08.03.2011, 11:09
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Deine Definition ist etwas unklar. Ich nehme an, du möchtest die gegenwärtige Position des Besuchers innerhalb der Seite im Navigationsmenü markieren? Wenn der Nutzer auf der Startseite ist, soll der Menüpunkt „Startseite“ hervorgehoben werden, auf der Kontaktseite der Menüpunkt „Kontaktseite“ und so weiter? Dazu könntest du entweder auf jeder Unterseite den entsprechenden Menüpunkt mit einer speziellen CSS-Klasse versehen oder – wenn du dein Menü dynamisch generierst oder zumindest zentral einfügst – das Vergeben dieser Klasse automatisiert von PHP übernehmen lassen. __________________ Blog \| Buch \| Kaloa

08.03.2011, 11:33
nilsk Neuer Benutzer Registriert seit: 23.07.2009 Beiträge: 18 PHP-Kenntnisse: Anfänger	Hallo mermshaus, ja, so, wie du es beschreibst, soll es laufen: Wenn "Kontakt" angeklickt ist, soll dieser Punkt dauerhaft durch eine Farbe anzeigen, wo sich der Nutzer der Seite gerade befindet und das auch bei allen anderen Punkten; "Startseite", "Impressum" etc. Da ich mich mit PHP so gut wie gar nicht auskenne, würde ich gern ausschließlich HTML und CSS verwenden. Ich binde die Navigation übrigens per "include" Befehl ein. Die liegt also zentral in einer HTML Datei. Aufbau meiner Seite: index.php enthält ausschließlich mehrere "include"-ierte HTML-Seiten. a) Navigation, b) Haupt-Content-Bereich, c) Bannerbereich rechts (zweiter Content-Bereich; neue Spalte). - - - Könntest du etwas mehr erklären, wie das Prinzip mit den "Class"es im Bezug auf die Navigationspunkte in den CSS genau funktioniert und wo ich dazu eine Anleitung oder weiterführende Infos finden kann? Das wäre klasse. Grüße Nils

08.03.2011, 15:16
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Das wird nur mit HTML und CSS nicht möglich sein. Dazu müsstest du für jede Inhaltsseite statisch und redundant das Menü bearbeiten, was die Variante mit den Includes nicht so recht erlaubt (zum Glück). Die PHP-Lösung hängt vor allem vom Aufbau deiner URLs ab. Vermutlich sehen die in etwa so aus? Code: index.php?page=home index.php?page=contact ... Dann könntest du die Klasse beim aktiven Menüelement grob nach diesem Schema setzen: PHP-Code: `<ul> <li<?php echo ($_GET['page'] === 'home') ? ' class="active"' : ''; ?>> <a href="index.php?page=home">Startseite</a> </li> <li<?php echo ($_GET['page'] === 'contact') ? ' class="active"' : ''; ?>> <a href="index.php?page=contact">Kontakt</a> </li> </ul>` Es gibt geschicktere Möglichkeiten, die aber mehr Code erfordern und dementsprechend schwieriger zu erklären sind. Du könntest sicher hier im Forum oder sonst im Web nach „menü dynamisch“ oder „navigation dynamisch“ suchen. __________________ Blog \| Buch \| Kaloa

10.03.2011, 11:38
mermshaus Erfahrener Benutzer Registriert seit: 14.06.2009 Beiträge: 1.725 PHP-Kenntnisse: Fortgeschritten	Das Färben selbst hat nichts mit PHP zu tun, aber die Logik, wann was gefärbt werden soll, kannst du ohne PHP nicht abbilden, wenn dein Menü zentral als Include vorliegt. Beispiel 1 (redundantes Menü): homepage.html: HTML-Code: <ul> <li class="active"><a href="/homepage.html">Homepage</a></li> <li><a href="/kontakt.html">Kontakt</a></li> </ul> <h1>Homepage</h1> kontakt.html: HTML-Code: <ul> <li><a href="/homepage.html">Homepage</a></li> <li class="active"><a href="/kontakt.html">Kontakt</a></li> </ul> <h1>Kontakt</h1> Hier steht das Menü direkt in jeder Seite, du kannst also pro Seite die notwendigen CSS-Klassen vergeben, die das Einfärben übernehmen. Beispiel 2 (Menü als Include): homepage.php: PHP-Code: `include './menu.php'; <h1>Homepage</h1>` kontakt.php: PHP-Code: `include './menu.php'; <h1>Kontakt</h1>` menu.php: HTML-Code: <ul> <li><a href="/homepage.php">Homepage</a></li> <li><a href="/kontakt.php">Kontakt</a></li> </ul> Hier kannst du das Menü nur in menu.php zentral bearbeiten. Jede Änderung, die du vornimmst, erscheint auf jeder Inhaltsseite. – Es sei denn, du arbeitest mit Fallunterscheidungen (siehe mein letzter Post). __________________ Blog \| Buch \| Kaloa