Discussion :

[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 :

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

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.

[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 '

[kult]

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 :

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

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 !

[siddh]

alors soit tu fais :

Code :

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

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 :

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

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' ;
  }
}

[javatwister]

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 :

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

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 :

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

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
}

[Auteur]

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 :

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

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 :

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

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().