[php.wirlernen.at] [Aufgaben zur Lektion] [Video zur Lektion]

Lektion 29: Formulare, Buttons und eine Javascript - Funktion

Wir haben schon gelernt dass man mit basename($_SERVER['PHP_SELF']) den Dateinamen der PHP - Datei feststellen kann und aufgrund deiner HTML - Kenntnisse kanst du mit dem <a></a> - Tag Hyperlinks erstellen.
Mit dem <form></form> - Tag wird ein so genannter Formularbereich festgelegt in welchem man z.B. Buttons (Schaltflächen), Textfelder etc. einfügen kann. In unserem Beispiel wird mit <input type="button" value=">" onclick="javascript:history.forward()"> ein Button erzeugt. Wenn man auf diese Schaltfläche klickt (onclick) wird eine Javascript - Funktion ausgeführt. Mit javascript:history.forward() springt man in der Liste der vom Browser aufgerufenen Seiten vorwärts und mit javascript:history.back() wieder rückwärts.
Beachte hier unten LINKS das Listing (mit Zeilennummern) und RECHTS die mit diesem PHP - Code erzeugte Abbildung der Webseite:
Der Code von javascripthistory01.php
(Code OHNE Zeilennummern)
1 | <form>
2 |     <input type="button" value=">" onclick="javascript:history.forward()">
3 | </form>
4 | <?php
5 |     $seitenname
=basename($_SERVER['PHP_SELF']);
6 |     echo 
$seitenname."<br>";
7 |
?>
8 |
<a href="javascripthistory02.php">zur Seite javascripthistory02.php</a>

Der Code von javascripthistory02.php
(Code OHNE Zeilennummern)
1 | <form>
2 |     <input type="button" value="<" onclick="javascript:history.back()">
3 | </form>
4 | <?php
5 |     $seitenname
=basename($_SERVER['PHP_SELF']);
6 |     echo 
$seitenname."<br>";
7 |
?>
8 |
<a href="javascripthistory01.php">zur Seite javascripthistory01.php</a>

Die Webseite javascripthistory01.php
Augabenstellung:
1. Erzeuge in einer Datei mit dem Dateinamen 029.php ein Listing bei dem mit einem PHP - Befehl der Dateiname dieser Datei festgestellt wird und sorge dann dafür dass dieser Dateiname auf der Webseite ausgegeben wird! Füge jetzt mit Hilfe von Javascript einen Button auf der Seite ein (Stichwort history) der es ermöglichen soll auf eine vorher besuchte Seite zurück zu kommen!