| |
| * Link führt ins Internet |
|
| |
Wir haben noch etwas für Sie, es handelt sich hierbei nicht um das Speichern von Daten oder die Verarbeitung von Nutzeranfragen. In diesem Fall handelt es sich um eine dynamische Navigation, welche mit Hilfe eines PHP-Skripts umgesetzt wurde.
Dynamische Navigation via PHP
Wie Sie anhand der Abbildung erkennen können handelt es sich um einen Navigationsbaum, welcher einzelne Unterkategorien (Verästelungen) enthält.
Um diese Navigation umsetzen 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") && ($sub == "1")) {
foreach ( $themen_1 as $key => $wert ) {
echo "<ul><a href='$wert'>$key</a></ul>";
}
}
if (($key == "Kategorie2") && ($sub == "2")) {
foreach ( $themen_2 as $key => $wert ) {
echo "<ul><a href='$wert'>$key</a></ul>";
if (($key == "UnterKategorie") && ($sub == "2") && ($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") && ($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 mit grafischen Elementen umsetzen, so dass Sie Ihren Bedürfnissen entspricht.
| Hinweis: Ist Ihnen bereits aufgefallen, wie häufig wir die bereits erarbeiteten Funktionen und Codezeilen für diverse Problemstellungen einsetzten konnten. Danach sollte man als Entwickler streben, so erspart man sich eine menge Zeit. |
|
|
|
|
|
|
|