Discussion :

[laurentSc]

Bonjour,

ceci est en fait la suite de ce fil, mais j'en fais un nouveau car 1) le titre ne convient plus et 2) j'avais coché le précédent comme "résolu".
Ce que je voudrais faire, c'est en fonction de l'action faite dans la page mère, exécuter une certaine fonction js dans la page fille. Or si je mets du code html dans la page fille, ça marche bien, mais si j'y mets du code js, au lieu de l'exécuter, ça affiche le code. Donc je recherche une solution.
Le code qui marche (html dans la page fille) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
function pagefille() {
document.getElementById("idDiv").innerHTML = "coucou";
}
 
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDiv"></div>');
</script>

Le code qui échoue (js dans la page fille) :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
function pagefille() {
document.getElementById("idDiv").innerHTML = "<script>document.write('coucou');</script>";
}
 
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDiv"></div>');
</script>

Comment puis-je faire ?

[SpaceFrog]

déja document.write ...

ensuite

Code :

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

 "<script>document.write('coucou');</script>";

compris comme balise de fermeture de ton script
=>

Code :

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

1
2
 "<script>document.write('coucou');</s" +"cript>";
}

mais il est préférable de passer par le DOM ...

[Willpower]

document.getElementById("idDiv").innerHTML = "<script>document.write('coucou');</script>";

Code :

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

1
2
3
4
5
6
7
8
var s = document.createElement('script');
s.type = "text/javascript";
if(!!s.textContent)
  s.textContent = "document.write('coucou');";
else
  s.innerText  = "document.write('coucou');";
document.getElementById("idDiv").innerHTML = ""; // pour vider le div
document.getElementById("idDiv").appendChild(s);

[laurentSc]

Merci pour les réponses ; du coup, j'ai essayé ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script>
function pagefille() {
var s = document.createElement('script');
s.type = "text/javascript";
if(!s.textContent)
  s.textContent = "document.write('coucou');";
else 
  s.innerText  = "document.write('coucou');";
document.getElementById("idDiv").innerHTML = ""; // pour vider le div
document.getElementById("idDiv").appendChild(s);}
 
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDiv"></div>');
</script>

mais il ne se passe rien...(page blanche)

et j'ai aussi essayé ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
<script>
function pagefille() {
 document.getElementById("idDiv").innerHTML ="<script>document.write('coucou');</s" +"cript>";
}
 
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDiv"></div>');
</script>

Pas mieux...

[SpaceFrog]

c'est pas très clair tout ça
il faudrait préciser sur quelle page se trouve le script et depusi quelle page tu essaye de le lancer ..

[Willpower]

au temps, pour moi, je ne l'avais pas testé ! voici la bonne version :

Code :

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

1
2
3
4
var script = document.createElement('script');
script.text= "document.write('coucou');";
document.getElementById("idDiv").innerHTML = ""; // pour vider le div
document.getElementById("idDiv").appendChild(script);

[SpaceFrog]

répandu ... avec un A will

[Willpower]

répandu ... avec un A will

[laurentSc]

voici la bonne version

Ca marche chez toi ? Pas chez moi.
et voici mon code (pour plus de clarté, j'ai renommé le div "fille") :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
function pagefille() {
var script = document.createElement('script');
script.text= "document.write('coucou');";
document.getElementById("idDivfille").innerHTML = ""; // pour vider le div
document.getElementById("idDivfille").appendChild(script);
}
 
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDivfille"></div>');
</script>

Et il fait quoi ce script imbittable le plus répandu ?

[laurentSc]

L'idée globale est de demander à l'utilisateur de faire un choix côté page mère, et en fonction de ce choix de lancer la fonction js correspondante côté fille, d'où la nécessité d'exécuter du js côté fille.

[Willpower]

Ca marche chez toi ? Pas chez moi.
et voici mon code (pour plus de clarté, j'ai renommé le div "fille") :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
function pagefille() {
var script = document.createElement('script');
script.text= "document.write('coucou');";
document.getElementById("idDivfille").innerHTML = ""; // pour vider le div
document.getElementById("idDivfille").appendChild(script);
}
 
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDivfille"></div>');
</script>

je n'avais pas vu ton setTimeout, je n'avais pas bien regardé mais tu as créé le pire code JS que je n'ai jamais vu.

en fait, ça ne fonctionne pas (sous IE) car avec ton timeout, la fonction s'éxecute après le chargement de la page (window.onload) et donc les document.write sont interdits. (mais si tu le remplace par un "alert('coucou');" par exemple, ça fonctionne).

ensuite ça ne sert à rien de placer ton setTimeout entre la balise ouvrante et fermante d'un div.

Code :

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

1
2
3
4
5
document.write('<div id="idDivParent">');
 
setTimeout(pagefille,1000);
 
document.write('</div><div id="idDivfille"></div>');

puisque que le settimeout signifie que ton code sera exécuté plus tard.

Code :

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

1
2
document.write('<div id="idDivParent"></div><div id="idDivfille"></div>');
setTimeout(pagefille,1000);

bien que je ne vois pas non plus l'intérêt du document.write plutôt que de l'écrire en html :

Code html :

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

1
2
3
4
5
6
<body>
<div id="idDivParent"></div><div id="idDivfille">
<script>
setTimeout(pagefille,1000);
</script>
</body>

enfin, si ton settimeout ne servait qu'a s'assurer que le div était deja créé, alors il suffit de placer le code après (ou dans window.onload mais surtout pas dans ce cas présent puisque ta fonction pagefille appelle document.write) :

Code html :

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

1
2
3
4
5
6
<body>
<div id="idDivParent"></div><div id="idDivfille">
<script>
pagefille();
</script>
</body>

là, c'est dejà beaucoup plus propre.

Et il fait quoi ce script imbittable le plus répandu ?

ça n'a rien à voir avec le poste, c'est ma signature qui est là pour me rebeller contre les membres de ce forum qui critiquent le document.write à tout va ! (en fait si, ça a tout avoir avec ce sujet^^) alors que bien utilisé(càd lors de la création du dom, avant donc le window.onload), il a tout a fait sa place dans javascript.

edit: le script en question, c'est google adsense.