Navigation mit PHP auslagern - URL Abfrage

Grundprinzip ist, immer wiederkehrende Bereiche wie z.B eine Navigation auszulagern und diese an entsprechender Stelle einzubinden.

Die Navigation z.B

<ul>
<a href=“Startseite.php“>Startseite</a>
<a href=“leistungen.php“>Leistungen</a>
<a href=“kontakt.php“>Kontakt</a>
<a href=“impressum.php“>Impressum</a>
</ul>

wird in den meisten fällen Statisch in das bestehende Layout eingefügt. Warum die Navigation auslagern? Wenn man einmal die Navigation erweitern oder verändern möchte muss diese auf jeder Seite geschehen. Ist das zu ändernde Element ausgelagert muss die Änderung nur einmal durchgeführt werden, und wird auf allen bestehenden Seite übernommen. Das spart Zeit und nerven!.

Nun besteht noch das Problem einen aktiven Navigationspunkt zu setzen da die ausgelagerte Navigation immer den selben Ursprung hat. Dies kann man mit einer simplen Abfrage lösen, über die Url wird der aktive Navigationspunkt ermittelt. So bekommt der Aktive Navigationspunkt z.B eine andere Hintergrundfarbe was der Usability zu gute kommt.

Wichtig ist, das der Dokumententyp PHP aufweist, dieser kann nur auf einem Server ausgeführt werden. Wer lokal abreiten möchte greift hier auf einen Lokalen Server wie Xampp zurück.

Navigation mit PHP auslagern

Die Ausgelagerte Navigation wird in eine eigenständige Datei ausgelagert z.B (menu.inc). Welche Dateiendung ist hier egal. An der stelle wo die Navigation ausgegeben werden soll benötigen wir einen “include“ Befehl.

<?php include("menu.inc"); ?>

Navigation mit Abfrage

<ul>
<li><a href="index.php"         title=""
<? if(eregi("index.php",$_SERVER["PHP_SELF"])) {?>class="active"<? } ?>>Startseite</a></li>

<li><a href="leistungen.php"  title=""
<? if(eregi("leistungen.php",$_SERVER["PHP_SELF"])) {?>class="active"<? } ?>>Leistungen</a></li>

<li><a href="kontakt.php"      title=""
<? if(eregi("kontakt.php",$_SERVER["PHP_SELF"])) {?>class="active"<? } ?>>Kontakt</a></li>

<li><a href="impressum.php" title=""
<? if(eregi("impressum.php",$_SERVER["PHP_SELF"])) {?>class="active"<? } ?>>Impressum</a></li>
</ul>

Mit class="active" kann per CSS der Aktive Navigatiospunkt optisch angepasst werden z.B andere Hintergrundfarbe.

Nun wird die Navigation an dieser stelle ausgegeben und angezeigt. Der “include“ Befehl funktioniert natürlich mit allen arten von Inhalten die ausgelagert werden sollen.