définir dynamiquement la src de l'iframe

Question

J'ai un programme qui va définir dynamiquement une src iframe pour charger les pages. J'ai besoin d'accrocher un gestionnaire d'événement pour la page complètement chargée. Comment puis-je le faire ? Merci !

Answer 1

<script type="text/javascript">
function iframeDidLoad() {
    alert('Done');
}

function newSite() {
    var sites = ['http://getprismatic.com',
                 'http://gizmodo.com/',
                 'http://lifehacker.com/']

    document.getElementById('myIframe').src = sites[Math.floor(Math.random() * sites.length)];
}    
</script>
<input type="button" value="Change site" onClick="newSite()" />
<iframe id="myIframe" src="http://getprismatic.com/" onLoad="iframeDidLoad();"></iframe>

Exemple à http://jsfiddle.net/MALuP/

Answer 2

Essayez ça :

top.document.getElementById('AppFrame').setAttribute("src",fullPath);

Answer 3

Essayez ceci...

function urlChange(url) {
    var site = url+'?toolbar=0&navpanes=0&scrollbar=0';
    document.getElementById('iFrameName').src = site;
}

<a href="javascript:void(0);" onClick="urlChange('www.mypdf.com/test.pdf')">TEST </a>

Answer 4

Vous devez également prendre en compte le fait que dans certaines versions d'Opera, onload est déclenché plusieurs fois et ajouter quelques crochets :

// fixing Opera 9.26, 10.00
if (doc.readyState && doc.readyState != 'complete') {
    // Opera fires load event multiple times
    // Even when the DOM is not ready yet
    // this fix should not affect other browsers
    return;
}

// fixing Opera 9.64
if (doc.body && doc.body.innerHTML == "false") {
    // In Opera 9.64 event was fired second time
    // when body.innerHTML changed from false
    // to server response approx. after 1 sec
    return;
}

Code emprunté à Ajax Upload

Answer 5

Essayez ça :

document.frames["myiframe"].onload = function(){
   alert("Hello World");
}