Hallo,
Ich wollte ein einfaches Menü erstellt das durch eine Ordnerstruktur erweitert bzw. verringert wird.
Also wenn ich ein Ordner erstelle und darin ist eine HTML Seite, dann soll automatisch das Menü um ein Button erweitert werden.
Das funktioniert soweit auch schon, jedoch wenn ich auf ein Button klicke, dann soll die Seite nachgeladen werden und das passiert auch,
aber nur für eine Sekunde und dann wird die Seite nicht mehr angezeigt.
Seite.jpg
Hier mein Code:
index.php
Steuerung.php
LadeInhalt.php
Ich wollte ein einfaches Menü erstellt das durch eine Ordnerstruktur erweitert bzw. verringert wird.
Also wenn ich ein Ordner erstelle und darin ist eine HTML Seite, dann soll automatisch das Menü um ein Button erweitert werden.
Das funktioniert soweit auch schon, jedoch wenn ich auf ein Button klicke, dann soll die Seite nachgeladen werden und das passiert auch,
aber nur für eine Sekunde und dann wird die Seite nicht mehr angezeigt.
Seite.jpg
Hier mein Code:
index.php
HTML Code:
<!DOCTYPE html> <html lang="de"> <head> <meta charset="UTF-8"> <title>Medieninformatik 02</title> <!--CSS - Stylesheet--> <link rel="stylesheet" type="text/css" href="CSS%20-%20Stylesheet/index.css"> <!--JS - JavaScript--> </head> <body> <!-- Kopf --> <div id="kopf"> Medieninformatik 02 </div> <!-- Steuerung --> <div id="steuerung"> <ul> <?php include("PHP - Hypertext Preprocessor/Steuerung.php"); include("PHP - Hypertext Preprocessor/LadeInhalt.php"); echo steuerung(); ?> </ul> </div> <!-- Inhalt --> <div id="inhalt"> <span class="ueberschrift">Inhalt<br></span> <div id="ladeInhalt"></div> </div> <!-- Fuß --> <div id="fuss"> <span class="ueberschrift">Fuß<br></span> </div> </body> </html>
PHP Code:
<?php
function steuerung(){
$verzeichnisname = "Labor";
$verzeichnis = openDir("$verzeichnisname");
while ($ordner = readDir($verzeichnis)){
if ($ordner != "." && $ordner != ".."){
echo "
<li>
<span class=\"liste\">$verzeichnisname $ordner</span>
<ul>
";
$pfad = openDir("$verzeichnisname/$ordner");
while ($datei = readDir($pfad)){
$dateiname = substr($datei,0,-5);
if ($datei != "." && $datei != "..") {
echo "<li> <a href=\"?$verzeichnisname/$ordner/$datei\" onclick=\"ladeInhalt()\" class=\"button\">$dateiname</a> </li>";
}
}
echo "
</ul>
</li>
";
}
}
closeDir($verzeichnis);
closeDir($pfad);
}
?>
PHP Code:
<script type="text/javascript">
function ladeInhalt(){
<?php
//Ausgabepuffer aktivieren
//alles was jetzt kommt, wird in den Puffer geschrieben, anstatt es an den Browser zu senden
ob_start();
//Datei einbinden
$url = $_SERVER["REQUEST_URI"];
$inhalt = explode("?", $url);
//echo $inhalt[0]."<br>";
//echo $inhalt[1]."<br>";
include($inhalt[1]);
//Die im Puffer gespeicherte Ausgabe der Datei in einer Variablen Speichern
//Und Pufferung beenden
$txt=rawurlencode(ob_get_clean());
?>
//Verarbeitung der PHP-Variablen per JS
document.getElementById('ladeInhalt').innerHTML = unescape('<?php echo $txt;?>');
}
</script>
Comment