Problème innerHTML sur div !!!

Version imprimable

26/01/2005, 19h22
aburner

Problème innerHTML sur div !!!
Bonjour tout le monde,

Voila j'ai une div :
Code:

1 2 3 4 <div id="textDiv"> essai </div>
Dans une fonction javascript je récupère la div :
Code:

1 2 obj = document.getElementById("textDiv")
Et dans cette même fonction je veux lui changer le contenu (à savoir que la div est à l'intérieur d'un tableau) :
Code:

1 2 obj.innerHTML = "<tr><td>coucou</td><td>salut</td></tr>";
Jusque là tout peut paraitre normal mais qd je fais un alert sur "obj.innerHTML" il m'écrit ça :
Code:

1 2 coucou</td><td>salut</td></tr>
Il me sauter le "<tr>" et le "<td>"...

Donc je ne comprends vraiment pas pourquoi, car quand je mets du texte normal ça passe à merveille mais dès que je mets des balises td ou tr il me les enlève.

Si quelqu'un à une idée, elle sera la bienvenue :idea:
26/01/2005, 19h37
SpaceFrog

parceque normalement autour des balises tr tu dois avoir des balises <table>
26/01/2005, 19h49
aburner

non car si je mets les balises <table>, il me les vire aussi !!!

donc je sais pas.....

en fait tester le code sous firefox c nikel mais sous IE ça déconne

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
 
<html>
  <head>
    <title></title>
      <script language=javascript>
    function essai() {
    var eeeee = "<tr><td>coucou</td></tr>";
    didi.innerHTML = eeeee;
    alert(didi.innerHTML);
   }
    </script>
  </head>
  <body>
  <input type="button" onclick="essai();" value="essai">
  <table>
  <div id="didi">
  	<script language=javascript>
		document.write("");
	</script>	
  </div>
  </table>
  </body>
</html>

pas très catholique ce code ??? un div qui vient perturber la structure d'un tableau !!!

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
<html>
  <head>
    <title></title>
      <script language=javascript>
    function essai() {
    var eeeee =escape("<tr><td>coucou</td></tr>");
    didi.innerHTML = unescape(eeeee);
    alert(didi.innerHTML);
   }
    </script>
  </head>
  <body>
  <input type="button" onclick="essai();" value="essai">
  <table id="didi">
 
  </table>
  </body>
<script type='text/javascript'>
 essai()
</script>
</html>

27/01/2005, 09h23
aburner

c bon sous ie il faut que je raffraichisse une table entière mais pas juste le contenu....

Merci pour votre aide....

A plus...