Retourner l'index de tableau d'une balise ?

Version imprimable

Bonjour,

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

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.

03/06/2009, 11h27
SpaceFrog

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

Code:

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 ...
03/06/2009, 11h28
nod__

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 ?

Code:

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>

03/06/2009, 11h31
k1rby

Oh un nod_ 8O

Sinon, j'ai pas vraiment tout compris non plus mais la solution de SpaceFrog me semble ce que tu cherches.
03/06/2009, 11h51
tintin72
Super, c'est tout à fait ce que je cherchais. :ccool:

Citation:

Perso je vois pas où est ton tableau

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

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