Parser les valeurs d'une table et array associative

**Shirraz** · 08/06/2010, 18h51

Bonjour,

Je but sur un truc très bête... Je viens de faire une table dynamique où je peux rajouter des rows à volonté et éditer les cellules. Maintenant je voudrais juste récupérer les valeurs de chacunes de des rows dans une array associative (type "valeur colonne 1 => valeur colonne 2, ") pour ensuite faire une requête AJAX dans laquelle j'envoies cette array en plus d'autres données et enregistrer le tout en bdd.

Problème, je ne comprends pas franchement comment construire un tableau associative dans une boucle !

Je ne mets pas de code vu que ça sert à rien, à part la boucle dans laquelle je souhaiterais construire mon array (oh et j'utilise Prototype aussi) :

$$('tr').each(function() {
???????
});

Bref, j'avoues que c'ets surement stupide, mais je ne suis pas très fin connaisseur de javascript. Du moins, si j'ai déjà fait des dizaines de requêtes AJAX, de manipulation dynamique de documents et tout le toutim, j'ai jamais eu besoin de faire quelque chose du genre

Merci d'avance !!

**SpaceFrog** · 08/06/2010, 19h51

Autant le faire avec jquery...

donc forum adequat ...

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<script type='text/javascript' src="Scripts/jquery-1.4.2.min.js"></script>
<script type='text/javascript' >
 
 
$(document).ready(function(){
myjson={}
var i=1
	$('tr').each(function() {
		var j=0
		$(this).children('td').each( function(){
		          myjson['ligne'+i+"_col"+(++j)]=$(this).text()
										})
					i++;					
		})
 
 var list=""	
	for(elt in myjson){list+=elt+"\t=>\t"+myjson[elt]+'\n'}
	alert (list)
 
});
 
</script>
<title>Nouvelle page 1</title>
</head>
 
<body>
 
<table id="tableau" border="1" width="100%">
  <tr>
    <td width="16%">1</td>
    <td width="16%">2</td>
    <td width="17%">3</td>
    <td width="17%">4</td>
    <td width="17%">5</td>
    <td width="17%">6</td>
  </tr>
  <tr>
    <td width="16%">bonjour</td>
    <td width="16%">ola</td>
    <td width="17%">salut</td>
    <td width="17%">hi</td>
    <td width="17%">guten tag</td>
    <td width="17%">bonjourno</td>
  </tr>
  <tr>
    <td width="16%">un</td>
    <td width="16%">deux</td>
    <td width="17%">trois</td>
    <td width="17%">quatre</td>
    <td width="17%">cinq</td>
    <td width="17%">six</td>
  </tr>
  <tr>
    <td width="16%">one</td>
    <td width="16%">two</td>
    <td width="17%">three</td>
    <td width="17%">four</td>
    <td width="17%">five</td>
    <td width="17%">six</td>
  </tr>
</table></body>
 
</html>

**Shirraz** · 08/06/2010, 21h09

Oui mais en l'occurence je n'utilise pas jQuery et je ne l'utiliserai pas pour ce projet.

Je ne vois donc pas ce qu'une questions sur les arrays en général quand on utilise prototype (et la question n'est pas sur prototype précisément) ferait dans la section jQuery

**SpaceFrog** · 08/06/2010, 21h41

:oups:
bete et mechant je vois du $() je pense jquery ^^

bon ben je remets dans js et je te propose une version pure js ...

**Shirraz** · 08/06/2010, 21h43

Envoyé par SpaceFrog

:oups:
bete et mechant je vois du $() je pense jquery ^^

bon ben je remets dans js et je te propose une version pure js ...

OK !

Si toutefois quelqu'un a une solution prototype je prend quand même

PS : c'était $$(), pas $()

PS : je précise que le problème c'ets remplir l'array :

PS 2 : Je ne comprends pas pourquoi ça, ça ne focntionne pas

Code :

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

1
2
3
4
5
6
7
8
9
	var array	= new Array();
	var rows	= $$('tr');
	for(var i = 1; i < rows.size(); i++) {
		var lang	= rows[i].down().next().down().getValue();
		var name	= rows[i].down().innerHTML;
		alert(lang);
		array[lang]	= name;
	}
	alert(array.inspect());

array.inspect() renvoyant "[]"...

**SpaceFrog** · 08/06/2010, 21h50

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
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf8">
<script type='text/javascript' src="Scripts/jquery-1.4.2.min.js"></script>
<script type='text/javascript' >
 
 
function tableToJson(tableid){
myjson={}
var i=-1
tabletr=document.getElementById(tableid).getElementsByTagName('tr')
while(tabletr[++i]) {
		var j=-1
		tabletd=tabletr[i].getElementsByTagName('td')
		while(tabletd[++j]){
		          myjson['ligne'+i+"_col"+(j)]=tabletd[j].innerHTML
										}
 
		}
 
 var list=""	
	for(elt in myjson){list+=elt+"\t=>\t"+myjson[elt]+'\n'}
	alert (list)
 
};
 
</script>
<title>Nouvelle page 1</title>
</head>
 
<body onload="tableToJson('tableau')">
 
<table id="tableau" border="1" width="100%">
  <tr>
    <td width="16%">1</td>
    <td width="16%">2</td>
    <td width="17%">3</td>
    <td width="17%">4</td>
    <td width="17%">5</td>
    <td width="17%">6</td>
  </tr>
  <tr>
    <td width="16%">bonjour</td>
    <td width="16%">ola</td>
    <td width="17%">salut</td>
    <td width="17%">hi</td>
    <td width="17%">guten tag</td>
    <td width="17%">bonjourno</td>
  </tr>
  <tr>
    <td width="16%">un</td>
    <td width="16%">deux</td>
    <td width="17%">trois</td>
    <td width="17%">quatre</td>
    <td width="17%">cinq</td>
    <td width="17%">six</td>
  </tr>
  <tr>
    <td width="16%">one</td>
    <td width="16%">two</td>
    <td width="17%">three</td>
    <td width="17%">four</td>
    <td width="17%">five</td>
    <td width="17%">six</td>
  </tr>
</table></body>
 
</html>

**Shirraz** · 08/06/2010, 21h58

ok thx, au moins j'ai une array qui se rempli de quelque chose, je vais juste modifier ton code pour satisfaire mes besoins et ça devrait aller !!

Thx ! (et merci pour tout ces voyages

)

**SpaceFrog** · 08/06/2010, 22h07

Attention c'est pas un array ...
c'est un objet json ... mais globalement ça s'utilise pareil qu'un array associatif ...

Y'a des promos en ce moment dans les agences de voyage

**Shirraz** · 09/06/2010, 01h07

Envoyé par SpaceFrog

Attention c'est pas un array ...
c'est un objet json ... mais globalement ça s'utilise pareil qu'un array associatif ...

Y'a des promos en ce moment dans les agences de voyage

Merci beaucoup tu m'as débloqué, d'une manière ou d'une autres

En fait je pense que ça fonctionnait déjà mais qu'il ffalit que je finisse ma requête AJAX et tout

Ceci me suffisait (j'étais pas loin du tout, voir j'y étais

)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
	var array	= {};
	var rows	= $$('tr');
	for(var i = 1; i < rows.size(); i++) {
		var lang	= rows[i].down().next().down().getValue();
		var name	= rows[i].down().innerHTML;
		array[lang]	= name;
	}
	new Ajax.Request('/administration/entertainment/add-adrtist', {method: 'post',
								parameters: array, 
								onComplete: function(transport){
		var response	= transport.responseText;
		alert(response);
	}});

**dukej** · 09/06/2010, 01h50

Envoyé par Shirraz

Merci beaucoup tu m'as débloqué, d'une manière ou d'une autres

En fait je pense que ça fonctionnait déjà mais qu'il ffalit que je finisse ma requête AJAX et tout

Ceci me suffisait (j'étais pas loin du tout, voir j'y étais

)

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
	var array	= {};
	var rows	= $$('tr');
	for(var i = 1; i < rows.size(); i++) {
		var lang	= rows[i].down().next().down().getValue();
		var name	= rows[i].down().innerHTML;
		array[lang]	= name;
	}
	new Ajax.Request('/administration/entertainment/add-adrtist', {method: 'post',
								parameters: array, 
								onComplete: function(transport){
		var response	= transport.responseText;
		alert(response);
	}});

ne fait surtout pas un $$('tr'); du coup tu récupères TOUT les TR de ta page.
cible les TR par rapport au tableau. et mieux encore, tu met un id sur le tableau et tu fais un simple :

Code :

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

1
2
 
$('tableid').rows

**Shirraz** · 09/06/2010, 01h59

Pour l'instant j'ai qu'un tableau, donc ça pose pas soucis, mais là le plus important est que ça fonctionne au plus vite et simplement (ici ce sera pour la saisi de données dans la parti admin où je serai seul à aller). Ici c'est juste pour saisir des noms propres dans des langues différentes et répondre au caractère multilingue de mon site (je sérialise l'array dans la bdd et paf c'est parfait)

Mais oui, je règlerai ce soucis quand je ferais un truc beaucoup plus complet ou si j'ai réellement besoin de différencier des tableaux (j'en utilise très peu, je ne m'en sers que pour présenter des données).

Merci

Parser les valeurs d'une table et array associative

JavaScript

Discussions similaires

Partager

Partager