Bonsoir,

Je suis en train de développer un espace de composition personnalisé. Pour cela, je crée une iframe (seule solution trouvée pour que l'héritage CSS soit cassé) en jQuery. Cet iframe charge une page qui contient du code javascript (l'environnement d'édition finalement). Je souhaite appeler une fonction javascript présente dans mon iframe à partir de l'extérieur ! Sauf, que je ne trouve pas de solution correcte pour faire ceci.

La meilleure que j'ai trouvée pour le moment fonctionne mais déclenche une erreur qui empêche la poursuite du code javascript.

Voici le code intéressant :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
 
var espaceComposition = $("textarea.composition");
espaceComposition.after("<iframe class=\"previsualisation\" src=\"pageDeComposition.php\"></iframe>");
var espacePrevisualisation = $("iframe.previsualisation");
espacePrevisualisation.load(function(){
	var head ="<link rel=\"stylesheet\" media=\"screen\" href=\"fichier1.css\"/>";
	head +="\n<link rel=\"stylesheet\" media=\"screen\" href=\"fichier2.css\"/>";
	$(this).contents().find("head").append(head);
	$(this).contents().find("body").append("<div class=\"composition\">"+espaceComposition.val()+"</div>");
	this.contentWindow.initialiserComposition(); // La ligne incriminée !
});
espacePrevisualisation.load();
Votre aide me sera grandement utile !

Merci.

PS: Je n'ai pas une très grande maitrise du Javascript.