document.write ne fonctionne pas avec IE !

Version imprimable

Coucou,

J'ai simplifié mon problème le plus possible et voici ce qui fonctionne parfaitement avec FF et pas du tout avec IE

test.php comme ceci :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<head>
   <script language="JavaScript">
 
   function toto ()
   {
       if(document.all){
           var xhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;//Internet Explorer
       }
       else{
           var xhrObj = new XMLHttpRequest();//Mozilla
       }
 
       //définition de l'endroit d'affichage:
       var content = document.getElementById("enr");
 
       xhrObj.open('GET', 'toto.php', true);
       xhrObj.send('');
 
       xhrObj.onreadystatechange = function() { 
         if ( xhrObj.readyState != 4 ) return;
             eval(xhrObj.responseText);
       };
    }
</script>
</head>
 
<?php 
echo "<body>";
    echo "<input name='$nom_activer' title='Activer/Désactiver' type='checkbox' value='1' onclick=\"toto();\">";
echo "</body>";
?>

toto.php

Code:

1
2
3
4
5
6
7
8
<?php
      //echo "document.write (\"<div STYLE='background:#123234;width:200px;height:200px'></div>\");exit;";
      echo "document.write(\"<form action='toutou.php' method='post' name='toto' id='toto'>\");";
      echo "document.write(\"<input type='text' name='val' value='toto' >\");";
      echo "document.write(\"</form>\");";
      echo "document.forms.toto.submit();";
      //echo "alert ('yep');";
?>

et enfin toutou.php

Code:

1
2
3
4
<?php
$val=$_POST['val'];
echo "val = ".$val;
?>

sous FF j'ai bien

Citation:

val = toutou

par contre sous IE, je pense que document.write est bloquant, je ne parviens pas à comprendre pourquoi !!

Savez-vous pourquoi IE ne fonctionne pas ???

14/05/2009, 14h00
SpaceFrog

A la limite je ne cherche vraiment pas à comprendre pourquoi ... Je dis direct tant mieux !!!
document.write est sans doute après l'utilisation abusive du eval et du innerHTML la pire instruction de javascript. Je ne pense d'ailleurs pas l'avoir utilisée ces dix dernières années ...
En plus pour créer un form ... :roll:
14/05/2009, 14h12
Regis0122
allons bon :( et pourquoi tant de haine sur le document.write ?????

mon truc est simple, lorsque je clique sur un checkob, je dois appeler une page php qui doit faire 2 choses :
1. écrire des infos dans une base de données
2. exécuter un formulaire
je n'ai donc pas le choix, je dois utiliser eval pour exécuter mon formulaire, et comme ma page est interprété par l'eval, je dois coder en javascript ... comment puis-je faire mieux ?????

si pas d'autre solution, alors pourquoi le document.write ne fonctionne pas sous IE dans mon cas ????

merci SpaceFrog
14/05/2009, 14h41
RomainVALERI

Spaffy doit en avoir marre de redonner l'adresse ^^
Mais sa contribution à ce sujet a été très utilisée, et pour cause : c'est de la balle :king:

hop, à l'école du DOM, tu ne le regretteras pas ;)
14/05/2009, 14h43
andry.aime
Salut,
document.write peut effacer toute la page sinon les éléments créées peuvent ne pas être reconus.
Essaye de faire que ton fichier php ne tourne qu'un petit mot pour dire à Js de créer des éléments que tu les crées via DOM.

Code:

$echo 'creer';
Code:

1 2 3 4 if(xhrObj.responseText=='creer') { //creation des elements }
14/05/2009, 15h29
Regis0122

merci RomainVALERI pour le code de Spaffy , je viens de jouer avec ça marche super mais je ne vois pas comment l'appliquer dans mon cas.

andry.aime, j'aimerai bien qu'il n'y ait que 1 mot dans mon php, mais j'en suis loin ... je dois écrire des données dans ma base de données aussi.

Citation:

document.write peut effacer toute la page sinon les éléments créées peuvent ne pas être reconus

tu peux préciser un peu, est-ce mon cas, est-ce que tu sais si IE est plus exigent de ce point de vue ??? pourquoi mon document.write n'est pas reconnu avec IE ????
14/05/2009, 15h40
devyan

[H.S.]
:haha: Utiliser du PHP pour générer dynamiquement du JavaScript pour générer dynamiquement un formulaire que ne change jamais (apparemment) c'est vraiment le comble de la prise de tête :arf:
[/H.S.]
14/05/2009, 15h46
andry.aime

Oui, tu mets l'echo après l'écriture réussite dans la base.
14/05/2009, 15h58
Regis0122
devyan :evilred: :) je reprends
je dois malheureusement écrire des données dans ma base de données et exécuter un formulaire au chargement de cette page suite à un clique dans un checkbox ... je vous passe les détails du pourquoi, ce qui m'intéresse n'est pas de créer dynamiquement un formulaire mais de l'exécuter
devyan tu as plus simple ???

je fais ceci :
1. détection du clique sur le chekbox - onclick appelle la fonction sendData
2. sendData appelle une page php qui va m'écrire des données dans ma db
3. dans mon fichier php je veux exécuter du javascript donc j'utilise la callback xhrObj.onreadystatechange et j'interprète le code grace à l'eval
4. enfin le form pourra être exécuter par un document.forms['toto'].submit();
QUI VOIT PLUS SIMPLE sachant que sans eval je ne peux pas exécuter de javascript dans ma page php ???
et pour terminer, ca marche super avec l'ensemble des navigateurs sauf IE ... comme d'hab

andry.aime : j'ai mis, mais je ne reçois rien dans ma callback euh, c'est bien

Code:

$echo 'creer';

car $echo ne semble pas lui plaire dans mon php :(

Citation:

Envoyé par Regis0122

devyan :evilred: :) je reprends
je dois malheureusement écrire des données dans ma base de données et exécuter un formulaire au chargement de cette page suite à un clique dans un checkbox ... je vous passe les détails du pourquoi, ce qui m'intéresse n'est pas de créer dynamiquement un formulaire mais de l'exécuter
devyan tu as plus simple ???

je fais ceci :

détection du clique sur le chekbox - onclick appelle la fonction sendData
sendData appelle une page php qui va m'écrire des données dans ma db
dans mon fichier php je veux exécuter du javascript donc j'utilise la callback xhrObj.onreadystatechange et j'interprète le code grace à l'eval
enfin le form pourra être exécuter par un document.forms['toto'].submit();

QUI VOIT PLUS SIMPLE sachant que sans eval je ne peux pas exécuter de javascript dans ma page php ???
et pour terminer, ca marche super avec l'ensemble des navigateurs sauf IE ... comme d'hab

andry.aime : j'ai mis, mais je ne reçois rien dans ma callback euh, c'est bien

Code:

$echo 'creer';

car $echo ne semble pas lui plaire dans mon php :(

Désolé, je ne voulais pas te froisser...

Il me semble que tu peux générer directement avec PHP la page avec le formulaire et donc éliminer les document.write qui semblent être la source de ton problème.
Code:

1 2 3 4 5 6 <?php echo "<form action='toutou.php' method='post' name='toto' id='toto'>"; echo "<input type='text' name='val' value='toto' >"; echo "</form>"; echo "<script type=\"text/javascript\">document.forms.toto.submit();</script>"; ?>

14/05/2009, 16h21
andry.aime

@devyan
Dans ce cas il utilisera innerHTML qui pose aussi des problèmes sur la création des éléments.

t'inquiète devyan je ne l'ai pas mal pris et puis parfois il faut remettre en cause ce qu'on fait, avoir la tête dans le guidon nous mene à faire des choses trop compliqués... ce que tu proposes ne fonctionnera pas, car pour exécuter le javascript il te faut absolument interpréter le code grace à la fonction eval() que tu places dans ta callback et si tu places ton eval dans la callback alors tu si tu veux écrire un formulaire tu dois le faire en javascript, donc

Code:

document.write "<form> ...."

et c'est là que IE coince ....

mais y'a du nouveau ... grâce à la pertinance des interventions de andry.aime, il me permet de créer mon formulaire dans ma page initiale car oui andry.aime, ton truc marche et j'utilise même la lib de spaffy pour ça, il em reste encore un blemme ... la valeur ne passe par la méthode post sous IE mais no soucy avec les autres navigateurs

je te mets mon cote devyan si tu veux comprendre :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 <head> <script language="JavaScript"> function toto () { if(document.all){ var xhrObj = new ActiveXObject("Microsoft.XMLHTTP") ;//Internet Explorer } else{ var xhrObj = new XMLHttpRequest();//Mozilla } //définition de l'endroit d'affichage: var content = document.getElementById("enr"); xhrObj.open('GET', 'toto.php', true); xhrObj.send(''); xhrObj.onreadystatechange = function() { if ( xhrObj.readyState != 4 ) return; if(xhrObj.responseText == "trifouille") { //alert ("trifouilleeeeeee"); Construct_test(); } eval(xhrObj.responseText); }; } </script> </head> <?php echo "<body>"; echo "<input name='$nom_activer' title='Activer/Désactiver la visibilité de cette ressource' type='checkbox' value='1' onclick=\"toto();\">"; echo "</body>"; ?>
tu vois la, j'appelle la page toto.php qui ne peut pas contenir de javascript si je ne fais pas

Code:

eval(xhrObj.responseText);

pour interpréter le code.
la page toto.php
Code:

1 2 3 <?php echo 'trifouille'; ?>
contient le mot trifouille que je récupère dans ma callback
Code:

1 2 3 4 5 f(xhrObj.responseText == "trifouille") { //alert ("trifouilleeeeeee"); Construct_test(); }
dans cette callback j'appelle ma fonction

Code:

Construct_test();

qui construit mon formulaire et qui l'exécute. Je vous conseille de regarder la librairie de spaffy, donner en lien au début de cette discution
voici la fonction Construct_test()
Code:

1 2 3 4 5 6 7 8 9 10 function Construct_test() { //alert ("yep"); var myform=$C( {"obj":"form","method":"POST","action":"toutou.php"} ); var myinput=$C({"obj":"input","type":"text","name":"val","value":"alfred" } ); var mysubmit=$C({"obj":"input","type":"submit","value":"go","css":{"width":"100px"} } ); $Close(myform); document.forms[0].submit(); }
et toutou.php est appellé mais la valeur val n'est pas passé à ma page toutou.php avec IE ... je bloque ici ... *
j'espère être clair pour ceux qui aurait besoin un jour de faire la même chose que moi ....

14/05/2009, 16h31
devyan

Désolé mais je n'ai lu qu'en diagonale :oops: et la réponse y ai peut-être mais je pose quand même ma question.

Concernant la partie HTML du problème...
Le formulaire étant toujours le même ne peut-il pas être déjà présent dans la page "appelante" ? (dans une DIV invisible par exemple)

Ensuite la problématique ne serait que éventuellement de mettre le champ de donnée à jour et d'appeler le submit.

Edit : Ce n'était pas si long à lire que cela en avait l'air au premier coup d'oeil ;)
15/05/2009, 14h31
Auteur

Citation:

Envoyé par Regis0122

si pas d'autre solution, alors pourquoi le document.write ne fonctionne pas sous IE dans mon cas ????

cf. ce sujet :
http://www.developpez.net/forums/d73...x/#post4276241 (avec un exemple deux messages plus loin ;))
:mouarf:
22/05/2009, 08h53
Regis0122

devyan, ta dernière idée était complémentaire, gràce à toutes les astuces que vous m'avez donnée, j'ai maintenant un code qui fonctionne à merveille.

Merci beaucoup à vous tous

Régis