Discussion :

[renaud26]

Bonjour � tous,

J'ai cr�e un httpRequest pour afficher un bloc HTML qui contient des variables PHP. Ce bloc HTML est un morceau de tableau dans le genre :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
 
<?php
for($i = 0; $i<count($data);$i++){
echo "<tr><td>".$data[$i]."</td></tr>";
}
?>

Dans la page o� il doit s'afficher, j'ai cr�e :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
<table>
<tr><td>titre</td></tr>
<tbody id="donnees"></tbody>
</table>

Le fichier JS contient l'instruction suivante :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
 
xhr.onreadystatechange = function() { 
if(xhr.readyState == 4) {
document.getElementById('donnees').innerHTML =   xhr.responseText;
 }
return xhr.readyState;
}

Sur Firefox, pas de souci, c'est nickel.
Sur IE : "Erreur d'ex�cution inconnue" et rien ne s'affiche.
Par contre, si au lieu de <tbody id="donnees"></tbody>, je mets <div id="donnees"></div> il n'y a plus d'erreur et le bloc s'affiche....n'importe o� dans la page et pas � l'endroit souhait�.

Quelqu'un a t-il une soluce pour contourner ce probl�me ?
D'avance, je l'en remercie.

[andry.aime]

Bonjour,

<table>
<tr><td>titre</td></tr>
<tbody id="donnees"></tbody>
</table>

Essaies d'utiliser un thead et th pour l'en-t�te.

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
<table>
<thead><th>titre</th></tr></thead>
<tbody id="donnees"></tbody>
</table>

[SpaceFrog]

ce n'est pas l'ajax qui pose probl�me, mais l'inserton sur le retour du code html dans la page ...
Montre nous plutot cette partie l� ...

[renaud26]

Bonjour et merci pour ta r�ponse,

Malheureusement, un <thead> ne change rien.
En r�alit�, je n'ai mis ce bout de code :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
 
<table>
<tr><td>titre</td></tr>
<tbody id="donnees"></tbody>
</table>

que pour l'exemple et pour simplifier un max tout en montrant que �a se passe dans un tableau HTML.

En r�alit�, cette table contient beaucoup d'autres donn�es, genre :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
<table>
<tr>
<td>Titre</td>
</tr>
<tbody>
<tr>
<td>Des données</td>
</tr>
</tbody>
etc....
<tbody id="donnees"></tbody> ----->ici affichage souhaité httpRequest
etc...encore des données
</table>

Je ne parviens pas � comprendre pourquoi le httpRequest s'affiche dans un <div> et pas dans un <tbody>. J'ai fait un document.write des donn�es httpRequest et v�rifi� le code HTML qui doit s'afficher dans le <tbody> : il est correct.

[renaud26]

Bonjour SpaceFrog, nos posts se sont crois�s.

Voici le code qui doit s'afficher dans le <tbody> :

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
 
<tr>
<td class="mainTdO"  style="background-color:#99FF00;color:#000000">
<b>Choisissez le produit N° 1
<br><br>
Code promo du produit N° 1 : </b>
</td>
<td class="mainTdO" style="background-color:#99FF00;color:#000000">
<select name="prod[0]" id="selectProd" onchange=""  >
<option value=""><---Sélectionnez un produit---></option>
<option value="1">N° 1 - produit 1</option>
<option value="6">N° 6 - produit 2</option>
<option value="8">N° 8 - produit 3</option>
</select>
<br><br>
<select name="the_code_promo[]"  >
<option value="0">Aucun code promo</option>
</select> 
</td></tr>

Je ne vois rien de particulier l�-dedans, d'autant que FF l'affiche tr�s bien et o� il faut. Le code qui est au dessus et au dessous du <tbody> me semble sain, mais je vais quand m�me faire des v�rifs de ce c�t� l�...

[SpaceFrog]

je ne vois pas le code js qui fait l'insertion ...

[SpaceFrog]

d�sol� au temp s pour moi ...

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

document.getElementById('donnees').innerHTML =   xhr.responseText;

il semblerait que IE ait un peu de mal avec l'insertion de code html dans les tableaux ...
d'une part il faut ins�rer dans le tbody (ou le thead)
essaye

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
 
document.getElementById('donnees').parentNode.tbody.innerHTML =   xhr.responseText;

Mais je doute que tu aies de meilleurs resultats
pour moi il sera plus sur de recup�rer les infos necessaires � la creation d'objets cot� js soit avec createElement soit insertCell et rows ...

[renaud26]

Alors, pour tenter de cerner le probl�me, j'ai isol� le code de la page qui ins�re le JS et l'ai r�duit � sa simple expression :

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
 
<SCRIPT LANGUAGE="Javascript" SRC="js/fonctions_xhr.js"></script>
</head>
<body onload="charge_produits('1','std','mono-produit','test','0','0','ship','3');">
<form id="params" name="params">
<table>
<tbody id="donnees"></tbody>
</form>
</table>

Nickel sur FF - Warning avec IE.