Retourner l'index de tableau d'une balise ?

**tintin72** · 03/06/2009, 11h19

Bonjour,

Je voudrais savoir s'il existe une méthode permettant de retourner l'index de tableau
de la balise courante.
Par ex:

Code :

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

1
2
3
4
5
6
7
8
9
 
<ul class="maClass">
<li class="classA" onclick=maFonction();><a href="index.html">Element 1</a></li>
<li class="classB"><a href="index.html">Element 2</a></li>
<li class="classB"><a href="index.html">Element 3</a></li>
<li class="classA" onclick=maFonction();><a href="index.html">Element 4</a></li>
<li class="classA" onclick=maFonction();><a href="index.html">Element 5</a></li>
<li class="classA" onclick=maFonction();><a href="index.html">Element 6</a></li>
</ul>

Ce que je voudrais c'est passer l'index en argument à maFonction mais evidemment de façon dynamique.
Pour la 1ere balise l'argument sera 0, pour la 4eme balise l'argument sera 3 etc...

Est ce possible ?

Merci d'avance.

**SpaceFrog** · 03/06/2009, 11h27

n'oublies pas les " " autour des actions des evenements...

Code :

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

onclick="...."

dasn ton onclick passe this et compares le a this.parentNode.getELementsByTangName('li')[i] dans une boucle, quand tu auras egalité recupères le i ...

**nod__** · 03/06/2009, 11h28

Perso je vois pas où est ton tableau, mais en gros tu veux que lorsque l'on clique sur Element 1 la fonction renvoie 0 et sur Element 5 elle renvoie 4 ?

**SpaceFrog** · 03/06/2009, 11h31

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
<script type='text/javascript'>
function getEltIndex(obj){
 
var tabLi=obj.parentNode.getElementsByTagName('li');
var i=0
while(obj!=tabLi[i]){i++;}
return i}
</script>
</head>
 
<body>
<ul class="maClass">
<li class="classA" onclick="alert(getEltIndex(this))";><a href="index.html">Element 1</a></li>
<li class="classB" onclick="alert(getEltIndex(this))";><a href="index.html">Element 2</a></li>
<li class="classB" onclick="alert(getEltIndex(this))";><a href="index.html">Element 3</a></li>
<li class="classA" onclick="alert(getEltIndex(this))";><a href="index.html">Element 4</a></li>
<li class="classA" onclick="alert(getEltIndex(this))";><a href="index.html">Element 5</a></li>
<li class="classA" onclick="alert(getEltIndex(this))";><a href="index.html">Element 6</a></li>
</ul>

**k1rby** · 03/06/2009, 11h31

Oh un nod_

Sinon, j'ai pas vraiment tout compris non plus mais la solution de SpaceFrog me semble ce que tu cherches.

**tintin72** · 03/06/2009, 11h51

Super, c'est tout à fait ce que je cherchais.

Perso je vois pas où est ton tableau

Je parlait du tableau de balise li renvoyé par etElementsByTagName:

Code :

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

1
2
 
var tab = document.getElementsByTagName('li');

Retourner l'index de tableau d'une balise ?

JavaScript

Discussions similaires

Partager

Partager