diedVIPs

html knowhow

Iframe-Loader











Iframe-Loader

So sieht´s aus


Quellcode
<html>
<head>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.3.14/angular.min.js"></script>

<style type="text/css">
iframe {display: block; width: 500px; height: 250px; border: 1px solid #ccc;}
</style>
</head>

<body >
<iframe src="../Beispiele/Tabelle mit Navi-Buttons.html" style="width: 100%; height:400px; border: none;" onload="resizeIframe(this)" id="MyFrame" scrolling="yes" target="_self"></iframe>
<select id="MySelectMenu">
<option value="../Beispiele/Tabelle mit Navi-Buttons.html">Tabelle mit Navi-Buttons</option>
<option value="../Beispiele/Bild entfaltet sich bei Klick.html">Bild entfaltet sich bei Klick</option>
</select>
<button onClick="newSrc();">Wählen Sie einen Frame</button>
<script>
function newSrc() {
var e = document.getElementById("MySelectMenu");
var newSrc = e.options[e.selectedIndex].value;
document.getElementById("MyFrame").src=newSrc; }
</script>
<script type="text/javascript">
function resizeIframe(iframe) {
if(iframe) {
iframe.height = '';
iframe.height = iframe.contentWindow.document.body.scrollHeight + 'px';}  }
</script>
</body>

</html>







Kontakt  Datenschutz    Impressum