récuperer innerHTML mis à jour

**Alexdezark** · 22/04/2009, 09h18

Bonjour à tous,

Je cherche à récupérer le contenu d'une DIV contenant un textarea dont le contenu a été modifié.

Voici le contenu de ma page :

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
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Document sans titre</title>
 
<script>
 
getSaisie=function(){	
alert(document.getElementById("gestionNews").innerHTML);	
}
 
</script>
 
</head>
 
<body>
<div id="gestionNews">
<table width="100%" border="1" cellspacing="1" cellpadding="5">
  <tr>
    <td align="center"><textarea id="text_0" name="text_0" cols="67" rows="7" onblur="getSaisie();">Saisissez votre texte ici.</textarea></td>
  </tr>
</table>
</div>
</body>
</html>

Mais lorsque l'on change le texte dans le textarea et que l'on clique ailleurs c'est toujours la phrase "Saisissez votre texte ici." qui s'affiche dans la fenètre d'alerte...

par contre si je remplace ma fonction par :

Code :

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

1
2
3
getSaisie=function(){	
alert(document.getElementById("text_0").value);	
}

C'est bien le texte modifié qui s'affiche.

Mon problème étant que ce que je cherche à récupérer c'est bien le contenu complet de ma DIV, incluant le code HTML du tableau et du textarea.

Y-a-t-il une solution ?

Merci d'avance pour vos réponses

**SpaceFrog** · 22/04/2009, 09h33

Oui c'est en effet un comportement curieux de firefox, sous IE ça passe,

Sous firefox il semblerait que la modification du contenu du textarea modifie le value de celui-ci mais pas son innerHTML

Tu peux y remedier en forçant la modifiaction du innerHTML...

Code :

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

 <td align="center"><textarea id="text_0" name="text_0" cols="67" rows="7" onblur="this.innerHTML=this.value;getSaisie();">Saisissez votre texte ici.</textarea></td>

**Alexdezark** · 22/04/2009, 09h50

Bonjour Spacefrog,

Merci de ta réponse.

Je n'avais pas pensé à faire le test sous IE.

Ce cas tombe effectivement parmi les rares cas ou l'on préfère la réaction de IE

En tout cas ta solution fonctionne à merveille avec les 2 navigateurs

Bonne journée à tous

récuperer innerHTML mis à jour

JavaScript

Discussions similaires

Partager

Partager