Discussion :

[xclam]

Bonjour,

suite à une requête ajax je reçois une chaine de caractère du style :

Code html :

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

1
2
3
4
5
6
7
8
<tr id="ligne2">
	<td>2</td>
	<td>produit</td>
	<td>version</td>
	<td>nature</td>
	<td>date</td>
	<td><img src="../images/sup.gif" onClick="supp(2);"></td>
</tr>

(ce sont en faite des select qui se trouve entre les td)

je voudrais ajouter cette ligne entière dans mon tableau <table id="matable">

avec insertRow je dois découper ma chaine de caractère pour récupérer tous les éléments, faire des insertcell...

Je voudrais savoir s'il est possible d'inserer toute la ligne (genre matable.insertLine(maligne) )

Merci

[ryan]

Yop!

Quelque chose du genre:

Code :

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

1
2
 
document.getElementById('matable').innerHTML = document.getElementById('matable').innerHTML + ta_chaine;

Le seul hic, c'est qu'il faut remplacer les guillemets (double quotes) par des apostrophes (simple quotes) dans toute la chaine qui est ajoutée, ou les échapper.

[le_chomeur]

je te le déconseille fortement !
utilise le dom plutôt que le innerHTML ...

[xclam]

Yop!
Quelque chose du genre:

Code :

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

1
2
 
document.getElementById('matable').innerHTML = document.getElementById('matable').innerHTML + ta_chaine;

Le problème avec cette solution c'est que cela récupère ce qu'il y avait avant mais ça ne tient pas compte des champs sélectionnés dans les select.

je te le déconseille fortement !
utilise le dom plutôt que le innerHTML ...

c'est-à-dire? je dois faire des insertRow ?

[Auteur]

c'est-à-dire? je dois faire des insertRow ?

Tout à fait. Voilà un exemple complet :
http://www.developpez.net/forums/sho...d.php?t=334611

[xclam]

En fait c'était pas si terrible que ça ^^ J'ai légèrement modifié mon php pour pouvoir traiter la réponse plus facilement et ça marche nickel.

Merci

[ryan]

Yop!

C'est vrai, j'ai déjà lu ici et là qu'il ne fallait pas ajouter des éléments à un tableau en utilisant innerHTML, mais quels sont les arguments qui pourraient étayer cette affirmation?

[le_chomeur]

traduit de l'anglais par googleTrad et issue du MSDN :

Contrôle dynamique de tableaux est utile pour afficher le contenu d'une base de données ou la construction d'un tableau de données calculées, comme un calendrier. Lors de l'utilisation de HTML dynamique (DHTML) afin de créer un document, vous pouvez créer des objets et définir les innerText ou de propriété innerHTML de l'objet. Toutefois, en raison de la structure requise par les tableaux, le innerText et innerHTML propriétés de la table et tr objets sont en lecture seule. Pour insérer des lignes et des cellules, modifier le contenu et les attributs de la table, ou redimensionner les éléments tableau, vous devez utiliser le DOM.