[AJAX] Recuperer la valeur d'un champs d'un tableau AJAX

Version imprimable

Bonjour,

j'aimerai récuperer la valeur d'un champs d'un tableau en AJAX

voici mon code :

Code:

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
 
function go(id){
				getXhr();
				// On défini ce qu'on va faire quand on aura la réponse
				xhr.onreadystatechange = function(){
					// On ne fait quelque chose que si on a tout reçu et que le serveur est ok
					if(xhr.readyState == 4 && xhr.status == 200){
						leselect = xhr.responseText;
						// On se sert de innerHTML pour rajouter les options a la liste
						document.getElementById('idsummary').innerHTML = leselect;
					}
				}
 
//				alert("ok");
				// Ici on va voir comment faire du post
				xhr.open("POST","TitreMessage.php",true);
				// ne pas oublier ça pour le post
 
				xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
 
				sel = document.getElementById(id);
				idauteur = sel.value;
				alert(idauteur);
				xhr.send("textID="+sel);
			}

et l'appel de la fonction

Code:

1
2
 echo '<td name="textsujet" onclick="go(this)"/>'.$row_message["SUJET"].'</a>';
            echo '</td>';

il m'affiche null pour la valeur ??

18/08/2006, 15h02
tuxout

La récupération de variable via l'utilisation de la technologie AJAX se fait via les variables Javascript, tu ne peux pas interpréter le PHP, puisque cela reste coté serveur. Il te faut donc faire des echos, afin d'afficher des var javascript.
18/08/2006, 15h07
Greggggggg
Je ne veux pas recuperer la valeur d'une variable.

Mon tableau s'affiche progressivement avec des valeurs post. J'aimerai pouvoir clicker sur ces valeurs et recuperer la valeur sur laquelle j'ai clické d'ou le
Code:

1 2 3 sel = document.getElementById(id); idauteur = sel.value;
18/08/2006, 15h28
tuxout

Autant pour moi, j'ai lu en diagonal ce que tu as tapé et me suis basé sur la première ligne ;)

Si j'ai bien compris cette fois ci, tu voudrais récupérer la valeur qu'il y a dans un champs de ton tableau ???

Si cela existe la propriété doit s'appeler innerHTML
18/08/2006, 15h39
Greggggggg
Ben j'ai essayé comme ca
Code:

1 2 3 sel = document.getElementById(id).innerHTML; alert(sel);
mais ca ne marche pas :cry:
sel ne contient pas la valeur du champs du tableau en tout cas !!
18/08/2006, 15h56
ldcarpathes
Quand tu passe this a ta fonction, tu lui donn l element td et cet element TD doit contenir un noeud texte (voir DOM)

Du coup pour recup ce qu il y a dans ton td doit etre du style

td.firstChild.nodeValue

en plus y a un pbleme ici
Code:

1 2 echo '<td name="textsujet" onclick="go(this)"/>'.$row_message["SUJET"].'</a>'; echo '</td>';
tu fermr td 2 fois : <td name="textsujet" onclick="go(this)"/> virer le dernier /
18/08/2006, 16h13
Greggggggg

oui tu as raison il y avait un probleme avec le <td> merci .

je me suis basé avec le tuto AJAX des listes liées mais apparemment ca n'est pas du tout pareil pour recuperer un champs texte.

Tu peux developper un peu j'ai un peu de mal à te suivre .

je mets ca dans ma partie javascript pour recuperer ma valeur ?
td.firstChild.nodeValue

Voila un code qui devrai faire ton bonheur
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 <html> <head> <script type="text/javascript"> function retourneValeur(id) { alert(document.getElementById(id).firstChild.nodeValue); } </script> </head> <body> <table> <tr> <td></td> <td id="test">Valeur du noeud</td> <TR> </table> <input type=button onclick="retourneValeur('test');" value="AFFICHER LA VALEUR DU NOEUD"> </body> </html>
en fait ta valeur n est pas stocke dans td mais dans ce qu on appelle un textnode qui est le fils de ton td

Pour ton code sa devrait etre
remplcer ca

Code:

idauteur = sel.value;

par

Code:

idauteur = sel.firstChild.nodeValue;

18/08/2006, 16h44
ldcarpathes

Tu veux faire quoi exactement
18/08/2006, 16h48
Greggggggg

Alors ca ressemble à une boite mail :

tu as une liste de message qui s'affiche dans un tableau et quand je clique dessus j'ai le contenu du message qui s'affiche en dessous. Je suis donc obliger de faire des acces à la base de données.

Mon premier problème est que je n'arrive pas à recuperer la valeur du champs sur lequel je clique donc je ne peux pas faire un post sur du php pour mettre à jour le contenu du message.

Ton code marche :cry: , arf il faut que je vois pourquoi le miens marche pas.

En tout cas c'est tres sympa de ta part. Après pour afficher le contenu du message en dessous c'est simple ?
18/08/2006, 17h29
FremyCompany

Citation:

Envoyé par Greggggggg

En tout cas c'est tres sympa de ta part. Après pour afficher le contenu du message en dessous c'est simple ?

Passe par une iframe et un page serveur qui renvoie le contenu d'un message (les mails étant soit des documents html COMPLET (avec head, body, style, ...), soit des simples texte)
18/08/2006, 17h44
Greggggggg

En fait j'ai pas fait d'Iframe j'ai fait un
overflow: auto;

c'est plus compliqué?
18/08/2006, 18h11
FremyCompany

Citation:

Envoyé par Greggggggg

En fait j'ai pas fait d'Iframe j'ai fait un
overflow: auto;

c'est plus compliqué?

Et comment tu va gerer les entêtes HTML, les balises <style>, le head, ...
Tu parles bien de MAIL ? Si oui, alors oblie les div, et utilise les frames/iframes
07/06/2008, 18h41
haricot

greasemonkey

Bonjour à tous.
Je post à la suite de ce message car j'y ai trouvé la moitié de ce que je cherchais.

Mon objectif est de réaliser un script greasemonkey qui va changer la couleur de fond des cellules d'un tableau en fonction de leur contenu.

Je souhaite donc dans un premier temps à analyser les chaines de chaques cellule et pour cela je dois récupérer leur contenu qui est une chaine de caractère.
La formule proposée par ldcarpathes est parfaite à ceci près que les cellules de mon tableau n'on pas d'ID et que je ne peux pas en ajouter.

J'ai bien essayé de changer getElementsByID('id') par getElementsByTagName('TD') mais non, ça ne marche pas.

Si une bonne âme passe par là....