Récupérer INDEX d'un getElementsByTagName

**MoKeS** · 04/05/2009, 17h07

Bonjour à tous,

J'ai sur une page plusieurs boutons, chacun correspondant à un "article". Quand je clique sur un bouton (générés dynamiquement grâce à une boucle) ça m'ajoute l'article dans la base. Aucun problème ça fonctionne grâce à ça :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
var btns = document.getElementsByTagName("input"); 
 
for(var i = 0 ; i<btns.length ; i++) // pour que tous les boutons soient clicquables
			{
				if(btns[i].id == "btnAddPanier" ) //on vérifie bien que le bouton cliqué est celui correspondant à un ajout au panier 
				{
 
								btns[i].onclick = AddPanier;
				}
			}

Je voudrais maintenant (pour autre des radio button), récupérer le "i" que j'ai cliqué... (Par exemple, je peux récupérer le nom du bouton, en faisant

Code :

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

var test = this.name

y'a t'il une solution pour récupérer l'index du bouton ?? (en gros le i dans la boucle)... si je mets une variable "test" dans la boucle, elle prendra automatiquement la dernière valeur de la boucle.
J'ai essayé

Code :

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

this.index

à tout hasard.... mais ne fonctionne pas... et google ne me trouve pas de problèmes similaires.

Merci d'avance pour vos propositions

Cordialement,

MoKeS

**SpaceFrog** · 04/05/2009, 17h19

tu peux nous montrer la boucle sure les radios ...
tu veux recupérer quel i ? il y a un test dans la boucle ?

**MoKeS** · 04/05/2009, 19h59

Bonsoir,

Justement, j'ai tenté de faire une boucle sur les radios...mais ça me choisis automatiquement celle qui est à l'index inputs[inputs.length]...

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
 
var btnAddPanier = document.getElementById("btnAddPanier");
var btns = document.getElementsByTagName("input"); // on récupère tous les inputs de la page dans l'ordre suivant ( radio, radio, button, radio radio, button, etc.)
 
function addPanier()
{
   var qte = prompt('<?php echo TXT_MANY; ?>','1'); 
   var refArticle = this.name ;
   var prix ;
 
    // code que j'aimerais mettre en place
   var test = this.index; //(this = le bouton sur  lequel j'ai cliqué, index= index du bouton (i) de la boucle ci dessous.
     if(btns[test-1].selected= true)
      {
           prix = btns[test-1].value ;
      }
    if(isNaN(qte))
	{
		alert("<?php echo TXT_ERROR_MANY ?>");
	}
 
	if(qte !=null && !isNaN(qte))
	{
								window.location.href="ajout_panier.php?qte="+qte+"&ref="+refArticle+"&prix="+prix; // on passe sur la page qui gère l'ajout dans le panier 
	}
 
}
 
for(var i = 0 ; i<btns.length ; i++) // pour que tous les boutons soient clicquables
{
	if(btns[i].id == "btnAddPanier" ) //on vérifie bien que le bouton cliqué est celui correspondant à un ajout au panier 
	{
 
		btns[i].onclick = AddPanier; // pour que je puisse cliquer sur tous les boutons. c'est CE i que je veux récupérer
	}
}

je veux récupérer le i (index) du bouton sur lequel j'ai appuyé ... (parce que les boutons radios sont à chaque fois à i-1 et i-2 du bouton...)

pas de test dans la boucle

merci d'avance

Cordialement,
MoKeS

**Oscar Hiboux** · 04/05/2009, 20h44

Ton affaire m'a l'air assez spéciale mais si tu es ouvert à l'usage de prototype.js tu pourrais écrire un truc du genre :

Code :

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

1
2
3
4
5
6
7
$$("input").each(function(button, index) {
    if(button.id == "btnAddPanier") {
        button.observe("click", function(event) {
            AddPanier(index);
        });
    }
});

Lors de l'appel à AddPanier ci-dessus on est dans un contexte où index a la valeur qui t'intéresse. Je te propose de la passer en argument mais tu pourrais faire autrement bien sûr.