Discussion :

[miouzeu]

Hello.
Voici mon problème certes tout bête.

J'ai un tableau de cette forme:

Code html :

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

1
2
3
4
5
<tr>
<td class="active" onclick="ma_fonction()">1</td>
<td class="active" onclick="ma_fonction()">2</td>
<td class="active" onclick="ma_fonction()">3</td>
</tr>

Dans ma_fonction() il me faudrait changer la class du td sur lequel je viens de cliquer. Pas de soucis avec un ID mais je ne peux en utiliser ici. Impossible également de passer des paramètres supplémentaires lors de l'appelle de ma fonction. Et là je bloque pour cibler le td

Merci d'avance pour l'aide.

[Bovino]

Code :

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

1
2
3
4
function ma_fonction(e){
    var monTD = e?e.target:window.event.srcElement;
    monTD.className = 'clicked';
}

[miouzeu]

Merci pour cette réponse rapide.

Niquel sous IE mais par contre ça ne marche pas sous Firefox (huhu j'ai l'habitude de dire l'inverse).

window.event is undefined selon firebug.

J'ai vu que apparemment contrairement à IE, firefox ne définit pas event et que cela peut être résolu en le déclarant lors de l'appelle de la fonction, chose que je ne peux faire.

[Bovino]

Essaye comme ça pour voir...

Code :

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

1
2
3
4
function ma_fonction(e){
    var monTD = e.target?e.target:window.event.srcElement;
    monTD.className = 'clicked';
}

[miouzeu]

Merci beaucoup pour ton aide. Malheureusement ta deuxième fonction ne marche pas.
Mais je me suis arrangé pour faire fonctionner tout ça avec ta première solution en modifiant l'appelle de ma fonction :

Code :

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

1
2
3
param = (navigator.appName == 'Microsoft Internet Explorer' ? '' : 'event')
 
return '<td class="active" onclick="ma_fonction('+ param +')">' + mon_texte + '</td>';

Du coup c'est bon sur tous les navigateur.
Encore merci.