Discussion :

[dam_moreyllo]

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 :

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

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.

[Eric Berger]

Salut,

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

Merci

[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é ...

[Eric Berger]

SpaceFrog

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

[SpaceFrog]

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

mouiaps faut voir comment tu génères tes inputs ...

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

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

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

[SpaceFrog]

Code :

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

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

[Eric Berger]

Je crois qu'il a plutôt:

Code :

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

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

[SpaceFrog]

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 :

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

[SpaceFrog]

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 :

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

[dam_moreyllo]

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

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
 
   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">&nbsp;X&nbsp;<?php echo $tarif[1]; ?>&nbsp;&euro;
               </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;">&nbsp;&euro;
         </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>
            &nbsp;
            <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... )

[SpaceFrog]

ben mon dernier code devrait coller non ?

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

[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é ?

[dam_moreyllo]

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

Code :

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

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

[SpaceFrog]

le 12 tu peux le passer avec php à une variable javascript ... et ton max de boucle sera cette variable

[dam_moreyllo]

Ok merci je vais essayer !!
Mais euh... c'est bizarre qu'il y est pas plus simple quand même non ?

[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 !
Merci merci merci