Event sur des lignes de tableau
Bonjour,
Je suis en train de créer un petit script qui me permet de trier un tableau. Mon tableau est tout bête, sous la forme suivante :
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
|
<table>
<tbody>
<tr id="tr_1">
<td><input type="checkbox" id="checkbox_tbl_1" value="inventaire" name="selected_tbl[]"></td>
<td>xxxxx</td>
<td class="center">yyyyyyy</td>
<td class="center">zzzzzzzz</td>
<td class="center"><a>Un Lien</a></td>
</tr>
<tr id="tr_2">
<td><input type="checkbox" id="checkbox_tbl_2" value="inventaire" name="selected_tbl[]"></td>
<td>xxxxx</td>
<td class="center">yyyyyyy</td>
<td class="center">zzzzzzzz</td>
<td class="center"><a>Un Lien</a></td>
</tr>
<tr id="tr_3">
<td><input type="checkbox" id="checkbox_tbl_3" value="inventaire" name="selected_tbl[]"></td>
<td>xxxxx</td>
<td class="center">yyyyyyy</td>
<td class="center">zzzzzzzz</td>
<td class="center"><a>Un Lien</a></td>
</tr>
</tbody>
</table> |
Sur chaque ligne de ce tableau, mon but est que lorsque l'on clique sur une ligne, qu'importe l'endroit, la checkbox se valide.
Mais voilà, je n'arrive pas à récupérer l'ID de la ligne qui est cliquée en lui mettant un addEvent.
Je préférerai éviter de mettre un onClick=maFonction(i) en dur dans mon HTML, ça ne fait pas super propre...
Voici ce que j'ai commencé à faire, mais qui ne marche pas :
Code:
1
2
3
4
5
6
7
8
9
10
|
window.addEvent('domready',function(){
i = 0;
$$("tr").each(function(el) {
el.addEvent('click', function(el){
alert('vous avez cliqué sur '+el.get('id')+' !');
});
});
}); |
Le "el.get('id')" n'est pas reconnu dans le addEvent :?
Auriez vous une aide à m'apporter ?
Taz'
