DruckversionNavigation
Fremde Inhalte hinzuladen: object
Für die durchaus nicht seltene Idee, fremde Seiteninhalte in einem Bereich anzuzeigen, gibt es in XHTML das object-Element. Es ist ausdrücklich sehr neutral, braucht also nicht immer alle Attribute und kann vor allem die Attribut-Inhalte nicht vorgeben. Das jeweils eingebundene Objekt bestimmt diese, denn Sie können damit praktisch beliebige Daten wie Videos, Musikdateien oder ähnliches einbinden.
In unserem Fall ist es eine externe HTML-Datei, denn so liegt das Inhaltsverzeichnis einmalig in einer eigenen Datei und wird von allen übrigen (dynamisch vom Browser beim Aufruf der Seite!) hinzugeladen. Erzeugen Sie zuerst eine Datei inhalt.html mit kompletter HTML-Syntax und nur dem Inhaltsverzeichnis:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" /> <title>Wunderbare Welt der Wolpertinger: Inhaltsverzeichnis</title> <link href="stylesheet.css" rel="stylesheet" type="text/css" /> </head> <body style="background-image:none;margin:0 0 0 0;background-color:#5E9A5E"> <p> <a href="index.html" class="inhalt1">Startseite</a><br /> <a href="erlaeuterung.html" class="inhalt1">Erläuterung</a><br /> <a href="verwandte.html" class="inhalt1">Verwandte</a><br /> <a href="bahkauv.html" class="inhalt2">Bahkauf</a><br /> <a href="andere.html" class="inhalt2">Andere</a><br /> </p> </body> </html>
Entsprechend müssen Sie in der Datei index.html (und allen anderen natürlich auch) das bisherige Inhaltsverzeichnis durch den im Folgenden fett markierten Code ersetzen:
<p> Für mehr Details lesen Sie bitte die <a href="erlaeuterung.html">Erläuterungen</a>. </p> <div class="inhaltsverzeichnis"> <object data="inhalt.html" type="text/html" width="110px" height="200px"> Leider kann Ihr Browser kein <object> darstellen. Bitte öffnen Sie das <a href="inhalt.html">Inhaltsverzeichnis</a> direkt. </object> </div> </body> </html>
Das sieht gut aus, wie ein erster Test im Browser zeigt:
Opera zeigt das Inhaltsverzeichnis ohne Probleme an
Leider reicht ein Test in einem Browser nicht. Sie sollten immer mal wieder zwischendurch den MS InternetExplorer als weitverbreiteten Browser einsetzen. Und der zeigt leider ein ganz anderes Verhalten:
Der InternetExplorer hält object-Elemente für gefährlich.
Eigentlich war der Warnungstext innerhalb des object-Elements für (ältere) Browser gedacht, die damit noch gar nichts anfangen können. Der InternetExplorer zeigt diesen Hinweis, weil er das Objekt sperrt. Gleichzeitig erscheint oberhalb die gelbe Notiz, um solche geblockten Inhalte doch anzuzeigen.
Diese Seite ist für Mitglieder von akademie.de reserviert.
Möchten Sie die Mitgliedschaft 14 Tage kostenlos testen und den Beitrag komplett lesen?
Oder möchten Sie zunächst mehr über diesen Beitrag erfahren und die Leseproben sehen?
Ich bin bereits Mitglied