Iframe et méthodes javascripts

[tadaa9]

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 :

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.

[danielhagnoul]

Bonsoir

Voir : http://www.developpez.net/forums/d86...e/#post4917586

[SpaceFrog]

Bonjour,

hormis le souci d'instanciation soulevé par Daniel, tu trouveras dasn le lien joint beaucoup d'informations sur les conversations mère / fille
http://www.developpez.net/forums/d27...enetre-enfant/

[tadaa9]

Bonsoir,

D'abord : merci pour vos réponses.

danielhagnoul : je suis allé voir mais je ne comprend pas bien le rapport excepté le fait que la personne ajoutait une iframe de manière dynamique. En effet : ma méthode existe déjà dans le document chargé, je ne l'ajoute pas à la volé. En fait, on peut simplifier mon problème :

Code :

1
2
3
4
5
6
7
var espaceComposition = $("textarea.composition");
espaceComposition.after("<iframe class=\"previsualisation\" src=\"pageDeComposition.php\"></iframe>");
var espacePrevisualisation = $("iframe.previsualisation");
espacePrevisualisation.load(function(){
	this.contentWindow.initialiserComposition(); // La ligne incriminée !
});
espacePrevisualisation.load();

La je dit bien ?
- Je créait une iframe.
- Après avoir chargé la page dans l'iframe, tu m'appelle la fonction javascript initialiserComposition.
- Je charge !

Le pire, c'est que la fonction est bien exécutée ! Mais Chrome m'indique une erreur qui empêche la suite de l'execution de mon script Javascript :
Uncaught TypeError: Object [object DOMWindow] has no method 'initialiserComposition'.


SpaceFrog : en regardant le code du cas numéro 3, j'ai trouvé ceci :

Code :

window.frames["maFrame"].affiche();

qui est la solution.

Sauf que moi, en jQuery : j'ai au choix $(this) et this ! Quel serait l'équivalent en jQuery de la ligne du dessus ? Car je pense qu'il est là le problème !

Merci.