Tipps Web Programmierung (Pseudo-include in HTML)
Auf dieser Seite wird Text einer anderen Seite eingebunden. (ohne Doctype <HTML><HEAD><BODY>
Es wird quasi nur der inhalt des Body's übergeben. Achtung: CSS/Javascript im Head werden ignoriert!
Nachfolgender Code wird in die Seite eingetragen:
onload="document.getElementById('div_trecker_treff_termine').innerHTML = this.contentDocument.body.innerHTML
;this.parentNode.removeChild(this);" style="display:none;"> </iframe>
<div id="div_trecker_treff_termine"> </div>
Es wird ein IFRAME verwendet jedoch nicht angezeigt.
IFRAME's haben den Nachteil, das nur innerhalb des Frames angezeigt und gescrollt werden kann.
Die Grösse muss fest angegebe werden usw. Eine freie Gestaltung ist nicht möglich.
Was läuft ab:
- Das IFRAME läd die Seite.
- In dem onload-Event(dann ist die Seite auch geladen) wird der body-Inhalt dem div-Object übergeben.
- Jetzt steht in dem div alles was im IFRAME-body war.
- ;this.parentNode.removeChild(this); sorgt dafür das das IFRAME gelöscht und der Speicher frei wird.
Vorteil:
Ich kann mit CSS meiner aktuellen Seite alle Einstellungen vornehmen.
Wenn die Tag's ID's besitzen kann ich sogar neu Ordnen.
Nachfolgende eigene Tag's schmiegen sich den geladenen Daten an.
Hier der geladene Text und/oder HTML-code.
Und hier geht es weiter mit Tag's meiner eigenen Seite.
Inhalt des Includes: