SELFPHP

SELFPHP-Druckversion
Original Adresse dieser Seite:
http://www.selfphp.de/praxisbuch/praxisbuch.php?group=43
© 2001-2017 E-Mail SELFPHP OHG, info@selfphp.de
© 2005-2017 E-Mail PHP5 Praxisbuch - Matthias Kannengiesser, m.kannengiesser@selfphp.de


Dynamische Navigation via Hyperlinks


Im Folgenden geht es um eine dynamische Navigation, welche mithilfe eines PHP-Skripts umgesetzt wurde.



Bild 5.20: Dynamische Navigation via PHP

Wie Sie in der Abbildung sehen, handelt es sich um einen Navigationsbaum, der einzelne Unterkategorien (Verästelungen) enthält.

Um diese Navigation umzusetzen, benötigen Sie folgendes Skript:

Navigation.php

<html>
<head>
<title>Atomic-Navigator</title>
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<img src='bild/naviogo.gif' width='607' height='57'><br>
<font face="Verdana,Arial" size="2">
<br>
<?php
$kategorien = array(
    'Kategorie1' => 'navigation.php?sub=1',
    'Kategorie2' => 'navigation.php?sub=2',
    'Kategorie3' => 'navigation.php?sub=3'
);

$themen_1 = array(
    'Thema1' => 'www.selfas.de',
    'Thema2' => 'www.flashstar.de',
    'Thema3' => 'www.atomicscript.de'
);

$themen_2 = array(
    'Thema1' => 'www.php.net',
    'UnterKategorie' => 'navigation.php?sub=2&unter=1',
    'Thema3' => 'www.mysql.org'
);

$themen_ebene_2 = array(
    'Unter_Thema_1' => 'www.flashangel.de/',
    'Unter_Thema_2' => 'www.flashpower.de',
    'Unter_Thema_3' => 'www.cybercollege.de'
);

$themen_3 = array(
    'Thema1' => 'www.madania.de',
    'Thema2' =>'www.tutorials.de',
    'Thema3' => 'www.apachefriends.org'
);

foreach ($kategorien as $key => $wert) {
echo "<a href='$wert'>$key</a><br>";
if (($key == "Kategorie1") && ($_GET[sub] == "1")) {
  foreach ( $themen_1 as $key => $wert ) {
    echo "<ul><a href='$wert'>$key</a></ul>";
  }

}
if (($key == "Kategorie2") && ($_GET[sub] == "2")) {
  foreach ( $themen_2 as $key => $wert ) {
    echo "<ul><a href='$wert'>$key</a></ul>";
    if (($key == "UnterKategorie") && ($_GET[sub] == "2") && ($_GET[unter] == "1"))
    {
      foreach ( $themen_ebene_2 as $key => $wert )
      {
        echo "<ul><ul><a href='$wert'>$key</a></ul></ul>";
        if ($key == "Unter_Thema_3") {$b = "2";}
      }
    }
  }
}

if (($key == "Kategorie3") && ($_GET[sub] == "3")) {
  foreach ( $themen_3 as $key => $wert ) {
    echo "<ul><a href='$wert'>$key</a></ul>"; }
  }
}
?>
</font>
</body>
</html>

Sie können durch den Einsatz von <img>-Tags die Navigation beliebig mit grafischen Elementen versehen.

Hinweis: Ist Ihnen bereits aufgefallen, wie häufig wir die bereits erarbeiteten Funktionen und Codezeilen für diverse Problemstellungen einsetzen konnten? Danach sollte man als Entwickler streben, so spart man sich eine Menge Zeit.