Ein Drop Down Menu für mehrere Seiten eines Webs

PHP ist dabei sehr hilfreich, du packst das Menü in eine einzelne Datei und liest die mit PHP per readfile oder include ein.

Hallo Jürgen,

Zitat

In den Beispielen mit DD-Menus, die im Internet mir angesehen habe, sind die weiterführenden Links "kastriert".

Da steht dann nur sowas wie a href="#nogo", also kein echter Link.

Das wäre dann ein seiteninterner Verweis auf einen Anker und es handelt sich wahrscheinlich um einen so genannten Onepager wo alle Seiten in einer HTML-Datei versammelt sind. (Es sei denn, die Links werden auf irgend eine Weise umgearbeitet.)

Poste doch mal die URL einer solchen Seite, dann kann man genaueres sagen.

In dem Fall handelt es sich nur um Dummies weil der Autor seine Menüs präsentieren will, ohne auf echte Unterseiten zu verweisen.

Aber Obacht, sieh dir mal das Datum an: Das CSS ist vollkommen veraltet, ist noch mit float realisiert. Vergiss diese Demos besser.

Ja, was m.scatello dir empfohlen hat ist eine empfehlenswerte und gebräuchliche Methode. Hier wird es genauer beschrieben:

PHP/Tutorials/Templates/Dateien mit include nachladen – SELFHTML-Wiki

Es gibt auch Lösungen mit Javascript aber die sind mit Sicherheit komplizierter.

Ich finde, es lohnt sich schon, einen lokalen Webserver zu installieren. Ist ja schnell gemacht und nicht besonders kompliziert.

Zitat von Sempervivum

Ja, was m.scatello dir empfohlen hat ist eine empfehlenswerte und gebräuchliche Methode. Hier wird es genauer beschrieben:

https://wiki.selfhtml.org/wiki…ien_mit_include_nachladen

Es gibt auch Lösungen mit Javascript aber die sind mit Sicherheit komplizierter.

Ich finde, es lohnt sich schon, einen lokalen Webserver zu installieren. Ist ja schnell gemacht und nicht besonders kompliziert.

Ich habe diese Methode schon öfter zum Einbinden von größeren Navigationen, die öfter geändert werden müssen, benutzt. Was mir bisher fehlt ist die Möglichkeit den aktuell aktiven Link zum Beispiel farblich zu kennzeichnen. Kennt jemand eine Lösung?

Yep, weil diese Aufgabe hin und wieder vorkommt, habe ich etwas in der Schublade. Man kann das mit wenigen Zeilen Javascript erledigen:

        const url = document.location.href;
        document.querySelectorAll('nav li a').forEach(item => {
            if (url.includes(item.href)) {
                item.classList.add('active');
            }
        });

Den Selektor musst Du ggf. anpassen. Und basierend auf der Klasse "active" kannst Du dann den Link hervorheben wie Du es möchtest.

Man ist ja neugierig und ich wollte wissen, wie man das auch mit PHP machen kann. Dies ist das Ergebnis:

1. Mit String-Manipulation des HTML:

$parent = $_SERVER["SCRIPT_NAME"];
preg_match_all('/href="([^"]+)"/', $html, $matches);
var_dump($parent);
var_dump($matches);
for ($i = 0; $i < count($matches[1]); $i++) {
    $href = $matches[0][$i];
    $url = $matches[1][$i];
    if (strpos($parent, $url) !== false) {
        $htmlModStr = str_replace($href, $href . ' class="active"', $html);
    }
}
var_dump($htmlModStr);
echo $htmlModStr;

2. Mit Parsen durch DOMDocument:

$parent = $_SERVER["SCRIPT_NAME"];
$dom = new DOMDocument;
$dom->loadHTML($html, LIBXML_NOWARNING | LIBXML_NOERROR);
$links = $dom->getElementsByTagName('a');
foreach ($links as $link) {
    $url = $link->getAttribute('href');
    if (strpos($parent, $url) !== false) {
        $link->setAttribute('class', 'active');
    }
}
$htmlModDom = $dom->saveHTML();
var_dump($htmlModDom);
echo $htmlModDom;

Bei beiden wird zunächst das HTML als String in der Variablen $html definiert, z. B.:

$html = '
    <nav>
        <ul>
            <li> <a id="navi01" href="index.php">Startseite</a></li>
            <li> <a id="navi02" href="master-1.php">Seite 1</a></li>
            <li> <a id="navi03" href="master-2.php">Seite 2</a></li>
        </ul>
    </nav>';
$parent = $_SERVER["SCRIPT_NAME"];

Beides erfordert keine Änderungen in der Elterndatei und ist nicht viel komplizierter als die Lösung mit Javascript.