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>

Parser les valeurs d'une table et array associative

JavaScript

Vue hybride

Discussions similaires

Partager

Partager