problème avec innerHTML sur Mozilla

**dom78** · 10/07/2006, 22h13

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 :

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
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

**SpaceFrog** · 11/07/2006, 09h39

juste une idée ... si tu mettais le form dasn le div, là la balise form est à l'extérieur du div ...

**dom78** · 11/07/2006, 21h59

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

**SpaceFrog** · 12/07/2006, 10h01

mhhh un rapide essai de ton code sous une forme plus adaptée m'a permis de comprendre ton problème :

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
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 ?

**dom78** · 18/07/2006, 18h34

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".

**FremyCompany** · 18/07/2006, 18h43

Code :

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

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;
 
}

problème avec innerHTML sur Mozilla

JavaScript

Vue hybride

Discussions similaires

Partager

Partager