Discussion :

[beegees]

Bonjour tout le monde,

J'ai un tableau (qui est g�n�r� avec PHP), ce tableau contient des TR et TD, chaque TD contient un input text qui sont identifi� avec un ID unique.

Exemple :

Code :

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

1
2
3
4
5
6
7
8
9
10
<table border="1" id="table_de_selection">
	<tr>
           <td >
		<input type="text" id="NOM_ANNEE" onkeyup="filtre('NOM_ANNEE','2','annees')"/>
	   </td>
	   <td >
                <input type="text" id="Nom_complet" onkeyup="filtre('Nom_complet','2','annees')"/>
	  </td>
	</tr>
	</table>

Donc, d�s que j'appuie sur le clavier, j'appelle une fonction javascript qui s'appelle "filtre".

Je ne sais jamais quel tableau a �t� cr�� car c'est par rapport � une table qui est choisie dans une liste d�roulante contenant plusieurs tables.

Ma question :

J'ai une variable javascript de type tableau :

Code :

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

var tableau_data = new Array();

J'aurais voulu savoir si il �tait possible de cr�er un tableau associatif contenant comme en-t�te le nom de l'ID de la zone de texte et comme valeur la valeur de la zone de texte du tableau ayant comme ID 'table_de_selection'.

Cela donnerait donc pour mon exemple de tableau ci-dessus :

Indice
NOM_ANNEE Nom_complet
Valeurs
BA1 1�re ann�e de Bachelier</citation>

Je devrais ensuite passer ce tableau � une page PHP :

Code :

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

1
2
3
xhr.open("POST","Scripts/Administrateur/AJAX/filtre.php",true);
	xhr.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xhr.send("champ="+champ+"&nombre_champs="+nombre_champs+"&table="+table);

Mais cela, c'est une autre histoire.

Merci d'avance pour votre aide.

beeges

[emmanuel.remy]

Salut,

Un tableau associatif fonctionne sur le principe cl�/valeur. Tu mets ce que tu veux comme cl� (chaines, objets, ...) . Par exemple:

Code :

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

1
2
 
tableau_data["XXXX"]= YY;

Donc tu peux organiser comme bon te semble, c'est juste � toi de concevoir la structure qu'aura ton tableau.

Ensuite pour le poster vers le server, le plus simple est de le serializer via JSON.

ERE

[Gsnalf]

Salut,

Un tableau associatif fonctionne sur le principe cl�/valeur. Tu mets ce que tu veux comme cl� (chaines, objets, ...) . Par exemple:

Code :

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

1
2
 
tableau_data["XXXX"]= YY;

Donc tu peux organiser comme bon te semble, c'est juste � toi de concevoir la structure qu'aura ton tableau.

Ensuite pour le poster vers le server, le plus simple est de le serializer via JSON.

ERE

Je propose dans ce cas de ne pas utiliser un tableau (array), mais un objet (object)

Un tableau contenant des methodes et des propri�t�s qui n'ont rien � faire l� dans l'utilisation qu'on souhaite en faire.

Un objet utilis� comme une hashmap est le meilleur compromis et de toute facon c'est ce qu'il faut faire

Code :

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

1
2
3
4
5
6
7
 
var myAssoc = {
  key1 : 'value',
  key2 : 'kikoo',
   key3 : 1234
 
}

Et �a passerait tr�s bien en tant que param�tre � la methode ajax de jquery qui automatiquement le transformera en querystring

[emmanuel.remy]

Re,

@Gsnalf: globalement d'accord avec toi, si ce n'est que je restais cantonn� dans la d�marche de beegees. Et enfin, il n'y a pas que jQuery dans la vie !! C'est vrai de tous les frameworks: ils serializent tous automatiquement les objets dans le cas de param�tres d'appel AJAX.


ERE

[beegees]

Bonjour,

Merci � vous deux pour vos r�ponses.

J'avais bien compris le principe de tableaux associatifs en javascript (car je l'utilise en PHP).

Le probl�me est de savoir comment l'alimenter car j'ai � chaque fois un tableau (table) diff�rent.

- Je dois donc cr�er une boucle (je connais � chaque fois le nombre d'it�rations)
- R�cup�rer le premier ID de la zone de texte (cl�) et la valeur de cette zone de texte (valeur)
- Je passe ensuite � la prochaine zone de texte (la prochaine cellule de mon tableau) et je fais la m�me chose.

Donc sur ce tableau contenant 2 zones de texte, j'ai :

Code :

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

1
2
3
4
5
6
7
8
9
10
<table border="1" id="table_de_selection">
	<tr>
           <td >
		<input type="text" id="NOM_ANNEE" onkeyup="filtre('NOM_ANNEE','2','annees')"/>
	   </td>
	   <td >
                <input type="text" id="Nom_complet" onkeyup="filtre('Nom_complet','2','annees')"/>
	  </td>
	</tr>
	</table>

Cl� 1 : NOM_ANNEE Valeur 1 : "BA1"
Cl� 2 : Nom_complet Valeur 2 : "1�re ann�e de Bachelier"

Je dois donc utiliser ce genre de code :

Code :

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

1
2
3
 
Clé 1 = document.getElementById('NomId').value;
Valeur 1 = document.getElementById('NomId').value;

Mais par rapport au choix du visiteur, on peut choisir un autre tableau qui est compos� de plusieurs TR et donc de plusieurs zones de texte.

EDIT :

Je me demande si l'utilisation du DOM pour la r�cup�ration des valeurs des zones de textes et leur ID ne serait pas la solution ?

Savez-vous comment je pourrais faire cela ?

Merci pour votre aide.

beegees