obtenir contenant div d'une iframe - javascript, iframe

J'ai "cette structure:

<div id="source1">
<iframe src="foo.html"></iframe>
</div>
<div id="source2">
<iframe src="foo.html"></iframe>
</div>

Si j’ai du code js dans foo.html, existe-t-il un moyen de savoir dans quel div il est situé (sans ajouter de paramètre au code iframe)?

Réponses:

depuis foo.html, vous pouvez obtenir la fenêtre parente avec parent; une fois que vous êtes là, vous pouvez comparer chaque iframe contentWindow propriété avec this - celui qui correspond est vous.

Rechercher dans le parent tous les iframes est la partie la plus difficile de ce processus; il serait facile d’écrire rapidement en utilisant une bibliothèque comme jQuery, mais voici quelque chose qui a été piraté rapidement:

var mycontainer;
var iframes = document.getElementsByTagName("iframe");
for (var iter = 0; iter <iframes.length; iter++){
if( iframes[iter].contentWindow && iframes[iter].contentWindow === window){
mycontainer = iframes[iter].parentNode;
}
}