Exécution d'un javascript après affectation dynamique de source d'iframe [Résolu]

[PatSan]

Dans ma page principale, je déclare un iframe avec une source vide par
<iframe id="monId" src="" ...> .
J'affecte une valeur à la source dynamiquement à un moment donné.

Je voudrais faire en sorte qu'àprès le chargement de l'iframe avec sa nouvelle source, un script javascript s'exécute dans ma page principale (après que la page iframe soit entièrement chargée).
Est-ce possible ?
Merci à celui qui me résoudra ce problème...

[bewidia]

Dans ta page iframe, il suffit d'appeler une fonction JS présente sur ta page principale, en précédant le nom par "parent."

[javatwister]

ce qui ne sera possible (sur le onload de la frame) que si la page dynamique se trouve sur le même serveur...

[PatSan]

Je veux éviter de mettre un quelconque code dans l'iframe (histoire de le rendre indépendant car utilisé ailleurs dans d'autres serveurs) et faire en sorte de mettre du code uniquement dans ma page principale...

[NoSmoking]

Envoyé par javatwister

ce qui ne sera possible (sur le onload de la frame) que si la page dynamique se trouve sur le même serveur...

Envoyé par PatSan

Je veux éviter de mettre un quelconque code dans l'iframe (histoire de le rendre indépendant car utilisé ailleurs dans d'autres serveurs) et faire en sorte de mettre du code uniquement dans ma page principale...

j'entrevois donc un problème de communication...

[PatSan]

Quelle serait la solution si les iframes se trouvaient sur le même serveur, toujours en évitant de mettre un quelconque code dans les iframes ?

[bewidia]

un attribut "onload" sur ton iframe qui est executé lors du chargement d'une page dans la frame. Par contre je ne sais plus si c'est au chargement ou lorsque la page est chargée.

[PatSan]

Je voudrais éviter de mettre du code dans les iframes !

[nadox]

Bonsoir,

bewidia t'a donné la réponse :

http://www.w3schools.com/jsref/event_frame_onload.asp

l'évènement onload de l'iframe est lancé lors du chargement de celle-ci, et correspond au window.onload qu'on utiliserait pour du code à l'intérieur de l'iframe.

C'est bien un évènement lancé dans la page mère...

Je te laisse regarder les exemples du lien ci-dessus, mais si ta dernière réponse signifie que tu ne veux pas mettre l'attribut directement dans la balise, ça marche aussi avec une référence sur l'iframe, comme n'importe quel évènement :

Code :

1
2
3
4
5
 
var ifrm = document.getElementById("monIframe");
ifrm.onload = function() {
.... // traitement
}

[PatSan]

Ok, désolé, j'avais mal interprété son message.
Petite colle : j'ai des iframes qui ont déjà un javascript associé à l'événement onload. Comment faire pour y ajouter un autre code dynamiquement ?

[nadox]

Il faut adopter l'attachement de gestionnaire d'évènement multiples avec :
https://developer.mozilla.org/fr/DOM...dEventListener (firefox et consort)
ou
http://msdn.microsoft.com/en-us/libr...=vs.85%29.aspx (IE)

Généralement, si l'on utilise pas de framework, on fait une fonction de ce type (codé à la va-vite, mais tu trouveras plein d'exemple plus propre sur le net...) :

Code :

1
2
3
4
5
6
7
8
 
function addEvent(elem, type, fn){
    if (elem.addEventListener){
        elem.addEventListener(type,fn,false);
    } else if (elem.attachEvent){
        elem.attachEvent("on"+type,fn);
    }
}

Cela permet d'attacher autant de gestionnaire d'évènement que l'on souhaite sans écraser ceux existants.

[PatSan]

Un grand merci à tous pour les infos ! J'ai résolu mon problème...