Parser les valeurs d'une table et array associative

Version imprimable

08/06/2010, 18h51
Shirraz

Parser les valeurs d'une table et array associative

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) :

Citation:

$$('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 !!

Autant le faire avec jquery...

donc forum adequat ...

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
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>

08/06/2010, 21h09
Shirraz

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 8O
08/06/2010, 21h41
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 ... :aie:

Citation:

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 ... :aie:

OK ! :mrgreen:

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

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:

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 "[]"...

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
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>

08/06/2010, 21h58
Shirraz

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 :mouarf:) ;)
08/06/2010, 22h07
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 :mouarf:

Citation:

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 :mouarf:

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 :mrgreen:

Ceci me suffisait (j'étais pas loin du tout, voir j'y étais :aie:)
Code:

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); }});

Citation:
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 :mrgreen:

Ceci me suffisait (j'étais pas loin du tout, voir j'y étais :aie:)
Code:

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:

1 2 $('tableid').rows

09/06/2010, 01h59
Shirraz

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 ;)