G�n�rer un tableau associatif avec javascript

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:

---

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:

---

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 :

Citation:

---

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

---

Je devrais ensuite passer ce tableau � une page PHP :

Code:

---

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

Salut,

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

Code:

---

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

Citation:

---

Envoy� par 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:

---

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:

---

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

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

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:

---

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:

---

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