Wir haben hier auf jeder Seite einen iframe. In diesen iframe ist eine Seite eingebettet nav.php
Auf dieser Seite nav.php befindet sich das Menü.
Vorteil bei der Sache ist, wenn ich Seiten hinzufüge oder lösche muss ich nicht auf allen Seiten das Menü ändern.
Hier sieht man jedoch im Menü, dass die aktuelle Seite hervorgehoben ist.
Woher weiß die Seite nav.php auf welcher Seite sie sich im iframe befindet?
Ganz einfach die Seiten binden nicht nur die Seite nav.php ein, sondern schicken an die Seite nav.php auch eine Variable mit einer Nummer.
Diese wird einfach angehängt, bzw. mit GET an die nav.php versandt.
Der link oder src Code im iframe der jeweiligen Seite sieht so aus.
src="nav.php?seite=1"
src="nav.php?seite=2"
<iframe height="60" width="90%" src="nav.php?seite=1"></iframe>
Daher weiß die nav.php Seite, welcher Menüpunkt hervorgehoben werden soll.
Das geschieht dann einfach über nth-child(1)
anstatt nth-child(1) steht dann natürlich der entsprechende PHP Code an der Stelle.
nav a:nth-child(<?php echo $seite;?>){background-color: red;}
Das wird auf der nav.php gemacht.
Auf der nav.php muss die Variable zuvor noch empfangen werden. Das geschieht folgendermaßen im head Bereich vor dem Style Block.
<?php
$seite = $_GET["seite"];
?>