Heute stelle ich euch eine Kombination aus CSS und PHP vor mit der ihr ganz einfach eure iframes durch div boxen ersetzen könnt. Wir brauchen die CSS-Anweisung “overflow” und die php-Funktion “include”. Allerdings geht dadurch eine wichtige Funktion des IFrames wieder verloren: Wenn man in einer Verlinkung als target des “name” des iframes angibt, kann man ja den Inhalt ändern. Diese Funktion geht leider verloren.
Leider geht auch die Funktion verloren externe Seite anzeigen zu können eventuell, je nach Serverkonfiguration, verloren. Also nutzt dieses Tutorial am besten nur für eigene Dokumente!

Der Witz bei unserem Div ist die Anweisung overflow! Bei fester Breite und/oder Höhe bekommt unser Element einfach einen Scrollbalken!

1

<div style="overflow:scroll;width:200px;height:200px;"><?php include('datei2.php'); ?></div>

In “datei2.php” ist dann der Inhalt des divs. Diesen kann man natürlich auch ohne include einfügen, aber so finde ich persönlich es übersichtlicher!
Hier noch ein Code mit php, der die Session-ID auswertet. Die Session-ID ist das “?id=blablabla” Am ende des Links in der Adresszeile. Damit kann man via php dynamischen Content liefern:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20

<?php
$sessionid = $_GET['id'] //id auslesen und in einer Variable speichern
switch($sessionid) {
case "1"
$diedatei = "1.php";
break;
case "2"
$diedatei = "2.php";
break;
case "home"
$diedatei = "home.php";
break;
default
$diedatei = "home.php" //Hier wird die Standarddatei eingetragen!
//Die Standarddatei wird verwendet wenn die Session-ID leer ist oder falsch ist
//Hier wäre z.B. "Backfisch" falsch. Also gibt unsere Schleife home.php aus!
}
?>
<div style="overflow:scroll;width:200px;height:200px;"><?php include($diedatei); ?></div>
<!-- Wieder die selben Anweisungen, nur diesmal brauchen wir php zwingend! //-->

Um zu einer Session-ID-Seite zu verlinken, z.B. für eine Navigation geben wir bei href einfach nur “?id=” und die Session-ID die wir wollen an. Das Attribut “target” sollte hier nicht verwendet werden!

So jetzt wisst ihr wie das funktioniert. Ich hoffe ihr habt alles verstanden!