[Formulaire] Récupérer tableau de champs input

Version imprimable

Bonjour,
J'ai une table générée dynamiquement avec, pour chaque ligne, un champ caché nommé rep[id_ligne] (avec id_ligne qui change a chaque ligne donc).
Mon problème c'est que je voudrais accéder en javascript a ce tableau rep pour faire un traitement sur chaque ligne de ce tableau.
J'ai essayé les solutions suivantes, mais aucune ne marche :
Code:

1 2 3 4 5 6 7 8 var rep = document.monform.rep; var rep = document.getElementsByName("rep")[0]; var rep = document.getElementsByName("rep[]")[0]; var rep = document.getElementsByName("rep"); var rep = document.getElementsByName("rep[]"); var rep = document.monform.elements["rep"]; var rep = document.monform.elements["rep[]"];
Sauriez-vous comment accéder à mon tableau ?
Merci d'avance.

13/06/2006, 15h57
Eric Berger

Salut,

Tu pourrais nous mettre la déclaration de ton tableau, et la partie où tu le remplis?

Merci
13/06/2006, 15h58
SpaceFrog

pas trop bien compris ton tableau la ...

pour moi rep = juste la dernière valeur que tu y colles ... c'est à dire la dernière ligne du code donné ...
13/06/2006, 16h02
Eric Berger

SpaceFrog

Citation:

Envoyé par ptitskippy

J'ai essayé les solutions suivantes

chaque ligne est un exemple de ce qu'il a essayé...

Ce qui me froisse c'est le "Géneré automatiquement" j'aimerais en savoir un peu plus...
13/06/2006, 16h06
SpaceFrog

Merci Eric , j'avais raté ce détail d'importance ...

mouiaps faut voir comment tu génères tes inputs ...
13/06/2006, 16h10
Eric Berger

Je ne sais pas si tu veux tous les champs input ou non, mais si c'est le cas, tu peux te servir de ça...

Code:

var rep = document.forms.tonform.getElementsByTagName("input");

Code:

1
2
3
4
5
6
7
8
9
10
11
<input type='text' name="rep[]" id="coucou" />
<input type='text' name="rep[]"  />
<input type='text' name="rep[]"  />
<input type='text' name="rep[]"  />
<input type='text' name="rep[]"  />
<input type='text' name="rep[]" />
<input type='text' name="rep[]"  />
 
<script type='text/javascript'>
alert(document.getElementsByName("rep[]").length);
</script>

maintenant faut en savoir un peu plus ...

Je crois qu'il a plutôt:

Code:

1
2
3
4
5
6
7
<input type='text' name="rep[0]" id="coucou" />
<input type='text' name="rep[1]" id="coucou" />
<input type='text' name="rep[2]" id="coucou" />
<input type='text' name="rep[3]" id="coucou" />
<input type='text' name="rep[4]" id="coucou" />
<input type='text' name="rep[5]" id="coucou" />
<input type='text' name="rep[6]" id="coucou" />

mais pour moi on ne peu pas faire comme ça...

premièrement ça ne sert à mon avis à rien car la notation du name en tableau
rep[] permet de recupérer un tableau cote server, mais là les names sont uniques ...

ensuite je confirme on ne peut pas recupérer genériquement de la sorte une collection d'objets

il faut boucler sur le names:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
 
<input type='text' name="rep[0]" id="coucou" />
<input type='text' name="rep[1]" id="coucou1" />
<input type='text' name="rep[2]" id="coucou2" />
<input type='text' name="rep[3]" id="coucou3" />
<input type='text' name="rep[4]" id="coucou4" />
<input type='text' name="rep[5]" id="coucou5" />
<input type='text' name="rep[6]" id="coucou6" />
 
<script type='text/javascript'>
var tabInputs= new Array()
 
for (i=0;i<document.getElementsByTagName('input').length;i++){
 
          tabInputs.push (document.getElementsByName("rep["+i+"]"))
          };
          alert(tabInputs.length)
 
</script>

J'y ai repensé cette nuit ...
rien ne predit le nombre de rep par rapport au nombre d'inputs...
voici qui devrait solutionner ce détail ...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
 
<input type='text' name="rep[0]" id="coucou" />
<input type='text' name="rep[1]" id="coucou1" />
<input type='text' name="rep[2]" id="coucou2" />
<input type='text' name="rep[3]" id="coucou3" />
<input type='text' name="rep[4]" id="coucou4" />
 
<input type='text' name="rep[6]" id="coucou6" />
 
<script type='text/javascript'>
var tabInputs= new Array()
 
for (i=0;i<document.getElementsByTagName('input').length;i++){
			if(document.getElementsByName("rep["+i+"]")){
							tabInputs.push (document.getElementsByName("rep["+i+"]"))
          					}
          					}
          alert(tabInputs.length)
 
</script>

Bonjour !
Excusez-moi mais a partir de 16h hier, j'etais plus devant mon ordi pour vous répondre... En tout cas je vous remercie d'y avoir autant réfléchis en mon absence !! 8O
Bon alors, si vous voulez plus de détails :
En fait je fais un système de panier pour réserver des représentations de spectacles.
J'affiche donc ici la liste des représentations pour un spectacle qu'on aura choisi avant et on pourra choisir le nombre de places qu'on veut pour telle représentation.
Donc en fait, ce que je voulais, c'est que quand la quantité est supérieur à zéro, je met la valeur du champ caché correspondant (rep[id_representation]) à on et je "décache" une image montrant qu'on a sélectionné cette représentation.
Si vous preferez, je veux faire une checkbox plus voyante et non modifiable directement.

J'ai donc le code PHP/HTML suivant (j'ai enlevé les bouts non nécessaire à la résolution du problème) :
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 while($representation = mysql_fetch_array($res_representation)) { ?> <tr> ... <?php // Liste des différents tarifs du spéctacle foreach ($tarifs as $cle => $tarif) { // Pour chaque tarif, on affiche une zone de texte pour saisir la quantité ... ?> <td class="<?php echo $classe; ?>" width="80" align="center"> <input type="text" name="<?php echo $cle."_".$representation['id_representation']; ?>" maxlength="3" size="1" value="<?php if (!empty($nb)) { echo $nb; } else { echo "0"; } ?>" onkeyup="majPrix()" class="form"> X <?php echo $tarif[1]; ?> € </td> <?php } ?> <td class="paniercel" align="center"> <input type="text" size="5" name="<?php echo "total_".$representation['id_representation']; ?>" value="0,00" class="form" readonly style="text-align: right;"> € </td> <td class="paniercel" align="center"> <span style="display: none;" id="img[<?php echo $representation['id_representation']; ?>]"> <img src="reservation/images/valide" border="0"> </span>   <input type="hidden" id="rep[<?php echo $representation['id_representation']; ?>]" name="rep[<?php echo $representation['id_representation']; ?>]"> </td> <?php } ?> </tr> <?php }
Donc (si vous arrivez pas a vous y retrouver dans mon code, dites le moi...), dejà il n'y a pas que des champs faisant partie de mon tableau rep dans mon formulaire. De plus, le tableau rep n'est pas forcément indexé par 0, 1, 2, 3, ... mais peut être par exemple par 6, 2, 10, 15, 3, ... (oui même pas forcément dans l'ordre, vu que c'est affiché suivant la date de la représentation).

Si j'ai fais ce tableau, effectivement c'est pour faciliter le traitement apres en PHP. Mais je pensais pas que ça poserait problème pour javascript.

Oui, et donc, ce que je veux faire dans le javascript, c'est que a chaque fois que je change une quantité, je reprenne tout ce tableau rep pour voir quelle sont les quantité supérieur à zéro. Si il y en a, je vérifie si il reste des places. Si oui, je "coche" la ligne et j'active le bouton permettant de valider, sinon je met la ligne en rouge et j'affiche un message d'erreur au dessus de la table.
Voila, j'espère que je me suis a peu pres bien expliqué...
Merci a tous les 2 en tout cas pour votre réflexion alors qu'apparement vous n'aviez pas assez d'explications en mains (désolé d'ailleurs, je pensais que ça suffirait ce que j'avais dit... :oops: )

14/06/2006, 09h22
SpaceFrog

ben mon dernier code devrait coller non ?
14/06/2006, 09h31
dam_moreyllo

Ben non puisque, comme je l'ai dis, les indices de mon tableau ne sont pas forcément (c'est même quasiment impossible que ça arrive) 0, 1, 2, 3, 4, ...
Ils sont indéxés par l'identifiant auto_increment (venant de la base de données donc) correpondant à la représentation de la ligne.
14/06/2006, 09h35
SpaceFrog

peu importe l'ordre !!! mon code passe outre l'ordination ...
a partir du moment ou il n'y a pas de trous ...
a moins que le numéro le plus haut soit supérieur au nombre d'inputs ... ?

peux tu avoirs des trous dans l'attributions des numéros ...
si ou i peux tu recupérer le numero le plus élevé ?

Oui il peut y en avoir !!
Je te donne un exemple (récupéré a partir de ma page générée) :

Code:

1
2
3
4
5
6
7
8
 
<input type="hidden" id="rep[9]" name="rep[9]">
<input type="hidden" id="rep[2]" name="rep[2]">
<input type="hidden" id="rep[3]" name="rep[3]">
<input type="hidden" id="rep[10]" name="rep[10]">
<input type="hidden" id="rep[11]" name="rep[11]">
<input type="hidden" id="rep[4]" name="rep[4]">
<input type="hidden" id="rep[12]" name="rep[12]">

14/06/2006, 10h02
SpaceFrog

le 12 tu peux le passer avec php à une variable javascript ... et ton max de boucle sera cette variable
14/06/2006, 10h10
dam_moreyllo

Ok merci je vais essayer !!
Mais euh... c'est bizarre qu'il y est pas plus simple quand même non ?
14/06/2006, 10h49
dam_moreyllo

Merci cher SpaceFrog ça marche super !
Bon j'ai du modifier légèrement (notamment il manquait un [0] pour que ça marche à la fin de document.getElementsByName("rep["+i+"]")), mais le résultat est la !
En voila une bonne idée que t'a eu ! ;) :D
Merci merci merci