problème avec innerHTML sur Mozilla

Version imprimable

Bonjour,

Avec Mozilla, je n'arrive pas à transférer le contenu d'une page WEB dans un $POST avec la propriété document.getElementById ("hard_copy").innerHTML:
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 <head> <script type="text/javascript"> function hard_copy(){ document.monform.page.value = document.getElementById("hard_copy").innerHTML; } </script> </head> <?php Global $PHP_SELF; if (isset($_POST["ok"])) echo $_POST['page']; else { echo ' <body> <form name="monform" method="post" action="'.$PHP_SELF.'"> <div id="hard_copy"> .... debut de la page html ..... <input type="text" value="" name="valeur1" > <input type="text" value="" name="valeur2" > <input type="text" value="" name="valeur3" > ..... fin de la page html .... </div> <input type="hidden" name="page" id="page" > <input type="submit" name="ok" value="ok" onclick="hard_copy()" > </form> '; }
Les inputs text que j'ai rempli avant le submit sont vides.
Par contre, il n'y a pas de pb avec IE, je recupère bien les input text avec les valeurs.

J'ai essayé de modifier la propriété par document.all ...
Rien a faire, les champs input text sont tjs vide après le submit Mozilla !!!

Est qq'un peut m'aider à trouver la solution ?
Merci.
Dom78

11/07/2006, 09h39
SpaceFrog

juste une idée ... si tu mettais le form dasn le div, là la balise form est à l'extérieur du div ...
11/07/2006, 21h59
dom78

Spacefrog,
Merci pour ta réponse, mais c'est pire car le submit ne fonctionne pas
du tout lorsque je mets le form a l'interieur du <div>.

Bizzare, je n'est jamais vu un truc pareil .... Même en modifiant la propriété par document.all ou par document.layers : cela ne change rien

et pourtant ca marche sur IE !!!

Est qq'un aurait une autre idéee sur ce probleme avec Mozilla ??
merci
Dom78

mhhh un rapide essai de ton code sous une forme plus adaptée m'a permis de comprendre ton problème :
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 <script type="text/javascript"> function hard_copy(){ document.monform.page.value = document.getElementById("hard_copy").innerHTML; } </script> </head> <body> <form name="monform" method="post" action="javascript:alert(document.monform.page.value )"> <div id="hard_copy"> .... debut de la page html ..... <input type="text" value="" name="valeur1" /> <input type="text" value="" name="valeur2" /> <input type="text" value="" name="valeur3" /> ..... fin de la page html .... </div> <input type="hidden" name="page" id="page" > <input type="submit" name="ok" value="ok" onclick="hard_copy()" > </form> </body> </html>
en fait dans le alert sous IE on a bien value="saisie"
dans firefox on n'a rien ...

Quel est le but de la manoeuvre ? pourquoi as tu besoin de copier le innerHTML, pourquoi ne pas prendre seulement les valeurs ...

on peut toujours par le dom créer des inouts avec les valeurs ... mais est ce vraiment utile ?

18/07/2006, 18h34
dom78

Spacefrog,
Excuse moi pour ma réponse tardive ....
C'est pour archiver une copy d'ecran de ma page WEB dans une Base de donnée SQL avec des valeurs input qui viennent d'être "saisie".

Code:

1
2
3
4
5
6
7
8
9
10
11
function hard_copy(){
   var All = document.getElementById("hard_copy").getElementsByTagName("input")
   for (var i=0; i<All.length; i++) {
      All[i].setAttribute("value", All[i].value)
      if (typeof (All[i].checked) == "boolean")) {
      All[i].setAttribute("checked", All[i].checked)        
      }
   }
   document.monform.page.value = document.getElementById("hard_copy").innerHTML;
 
}

19/07/2006, 00h10
dom78

Merci Fremy,
:D Ca marche sur MOZILLA et sur IE ..
19/07/2006, 14h25
FremyCompany

De rien
Bonne continuation