Rendre invisible une partie du contenu se trouvant dans une iframe

bonjour,

avant j'avais une partie du code html qui était intégré chez nous (dans une page web sur notre serveur) et j'arrivais à cacher une div simplement avec ça :

Code:

---

$('.maclass').css('display', 'none');

---

et même avec la version javascript pure sans jquery :

Code:

---

document.getElementsByClassName('maclass')[0].style.visibility = 'hidden';

---

Maintenant, on a "délocalisé" une partie de notre page web dans une iframe mais la structure HTML reste la même (même code, même classe,..etc).

Mais voilà, le code jquery semble ne plus trouver ni atteindre les éléments de class Maclass qui sont dans la iframe!

est-ce une limite de sécurité ou du DOM ou bien il y a une option à ajouter qq part ? faut-il que les domaines soient identiques pour résoudre le souci ?

merci de votre aide.

l'iframe est une autre page donc pas enfant direct de document ...

mais en passant par l’élément iframe
ex si ton iframe a un id

Code:

---

1 2 3

var iframe = document.getElementById("myFrame"); var elmnt = iframe.contentWindow.document.getElementsByClassName('maclass')[0].style.visibility = 'hidden'; elmnt.style.display = "none";

---

avec JQUERY

Code:

---

$("#myFrame").contents().find('maclass:eq(0)').css('visibility','hidden');

---