diedVIPs

html knowhow

Iframes mit Button-Klick wechseln








Iframes mit Button-Klick wechseln

So sieht´s aus

Quellcode
<html>
<head>

<style type="text/css">
iframe {border: none; width: 100%; height: 100%; min-height: 400px;}
</style>
</head>

<body >
<button id="myButton">Wechsle Iframe</button><br/>
<iframe id="myFrame" src="../Bilder/Andie%20MacDowell.jpg" border="0"></iframe>
<script>
var mySites = [
"../Beispiele/Bild entfaltet sich bei Klick.html",
"../Beispiele/Tabelle mit Navi-Buttons.html",
"../Beispiele/Bild entfaltet sich bei Klick.html"
];
var count = 0;
document.getElementById('myButton').onclick = function() {
var myFrame = document.getElementById("myFrame");
myFrame.src = mySites[count];
count++;
if (count > 2) { count = 0; } }
</script>
</body>

</html>







Kontakt  Datenschutz    Impressum