Discussion :

[clavier12AZQSWX]

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 jquery :

Sélectionner tout - Visualiser dans une fenêtre à part

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

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

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

[SpaceFrog]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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