JavaScript - Die Höhe eines IFrames automatisch dem Inhalt anpassen
Dieses JavaScript passt autom. die Höhe des IFrames an dessen Inhalt an. Sehr nützlich wenn man den gesamten Inhalt anzeigen und Scrollleisten vermeiden möchte.
<iframe id="iframeID" src="inhalt.htm"></iframe>
Datei: inhalt.htm
Scrollleisten werden im IFrame nicht angezeigt wenn die ID (htmlID) im <html>-Tag notiert wird.
<!DOCTYPE html>
<html id="htmlID">
<head>
<meta charset="UTF-8">
<title></title>
<script>
window.addEventListener( 'load', function() {
parent.document.getElementById('iframeID').style.height =
(document.getElementById('htmlID').offsetHeight)+'px';
});
</script>
</head>
<body>
<p>Der IFrame Inhalt ...</p>
</body>
</html>
Bausteine
Eine zufällige Auswahl von „Bausteinen” aus den Bereichen CSS, PHP, JavaScript und MySQL.
CSS - Mit import mehrere CSS-Dateien zusammenfassen
PHP - Alle PHP Funktionen auflisten