Le 'this' d'un TD

Salut,

J'essaie de faire passer l'object 'this' dans le onMouseOver d'un TD mais cela ne passe pas ! Il me dit que l'objet n'est pas reconnu...
Code:

Code:

---

1 2 3 4 5 6 7 8 9

<td onMouseOver="Mouse_On_TDButton('this')">Valider</td>   function Mouse_On_TDButton(e) { if(document.all) { document.getElementById(e).style.cursor='hand' ; } else { document.getElementById(e).style.cursor='pointer' ; } }

---

Et l'erreur est:
Erreur : document.getElementById(e) has no properties
Ligne : 221

Vous auriez une idée ?

Merci,
Vincent.

si tu veux faire un getElementById, passes le this.id ;)
si tu passes this, c est deja l'objet complet que tu envoit
enfin a condition de pas mettre this entre '

Citation:

---

Envoyé par siddh

si tu veux faire un getElementById, passes le this.id ;)
si tu passes this, c est deja l'objet complet que tu envoit
enfin a condition de pas mettre this entre '

---

J'ai le même message d'erreur avec:

Code:

---

1 2 3 4 5 6 7 8 9 10

<td onMouseOver="Mouse_On_TDButton(this)">Valider</td>   function Mouse_On_TDButton(e) { if(document.all) { document.getElementById(e.id).style.cursor='hand' ; } else { document.getElementById(e.id).style.cursor='pointer' ; } }

---

Y a un truc que j'ai pas du capter ! :cry:

alors soit tu fais :

Code:

---

1 2 3 4 5 6 7 8 9

<td onMouseOver="Mouse_On_TDButton(this.id)">Valider</td>   function Mouse_On_TDButton(e) { if(document.all) { document.getElementById(e.id).style.cursor='hand' ; } else { document.getElementById(e.id).style.cursor='pointer' ; } }

---

soit :

Code:

---

1 2 3 4 5 6 7 8 9

<td onMouseOver="Mouse_On_TDButton(this)">Valider</td>   function Mouse_On_TDButton(e) { if(document.all) { e.style.cursor='hand' ; } else { e.style.cursor='pointer' ; } }

---

Il faut:
soit déclarer "event" explicitement quand tu appelles la fonction;
soit te passer d'event (puisque tu n'en as absolument pas besoin ici);

Code:

---

1 2 3 4 5

<td onmouseover="truc(this)">Valider</td>   function truc(obj) { obj.style.cursor="pointer"// "pointer" est correctement interprété partout }

---

ou

Code:

---

1 2 3 4 5 6

<td onmouseover="truc(event)">Valider</td>   function truc(e) { obj= e.target ? e.target : e.srcElement; obj.style.cursor="pointer"// "pointer" est correctement interprété partout }

---

Citation:

---

Envoyé par kult

Salut,

J'essaie de faire passer l'object 'this' dans le onMouseOver d'un TD mais cela ne passe pas ! Il me dit que l'objet n'est pas reconnu...
Code:

Code:

---

1 2 3 4 5 6 7 8 9

<td onMouseOver="Mouse_On_TDButton('this')">Valider</td>   function Mouse_On_TDButton(e) { if(document.all) { document.getElementById(e).style.cursor='hand' ; } else { document.getElementById(e).style.cursor='pointer' ; } }

---

Et l'erreur est:
Erreur : document.getElementById(e) has no properties
Ligne : 221

Vous auriez une idée ?

Merci,
Vincent.

---

ton td ne possède pas d'id, ce qui explique l'erreur sur document.getElementById()
De plus this ne doit pas être entre ' ', sinon tu transmets une chaine de caractères (this ici) comme argument à ta fonction Mouse_On_TDButton(). Utilise la solution de javatwister

Code:

---

1 2 3 4 5 6

<td onmouseover="truc(this)">Valider</td>   function truc(obj) { obj.style.cursor="pointer"// "pointer" est correctement interprété partout }

---

Ici la focntion peut s'applique à n'importe quel objet de ta page HTML qui appelle la fonction truc().