Discussion :

[G_angel]

Bonjour,

existe-t-il un moyen d'obtenir la "cellule" d'un tableau HTML en ayant les info x et y de la souris ?

Exemple

Code html :

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

1
2
3
4
<table>
<tr><td>1</td><td>2</td></tr>
<tr><td>3</td><td>4</td></tr>
</table>

Si je clique sur le 3, obtenir 3...

Merci d'avance

ps : pour le moment j'obtient les x et y par :
event.clientX
event.clientY

[NoSmoking]

Bonjour,

existe-t-il un moyen d'obtenir la "cellule" d'un tableau HTML en ayant les info x et y de la souris ?

oui mais cela va ressembler à une usine à récupération d'offset.

Il existe une méthode plus sobre qui consiste à utiliser les événements dans ton cas onclick.

Exemple de script à mettre en fin de HTML

Code :

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

1
2
3
4
5
6
7
var oTD = document.getElementsByTagName('TD'),
    i, nb = oTD.length;
for( i=0; i < nb; i++){
  oTD[i].onclick = function(){
    alert( this.innerHTML);
  };
}

on pourrait également passer par la délégation de l'événement à la TABLE.

[G_angel]

merci mais je vais préciser ma demande :-)
en fait .. j'utilise Webdev, celui-ci me génère un tableau comme je l'ai expliqué dans mon dernier post.
Dans l'event du clic du navigateur, je n'ai pas de paramètre, pas d'objet, tout ce que j'ai ce sont les coordonnées X et Y de la souris.
J'aimerais récupérer cela et l'envoyer du navigateur au serveur pour lui dire "hé j'ai cliqué sur ça" :-)

En Windev, il existait une fonction TABLEINFOXY, mais celle-ci n'existe pas dans Webdev, j'essaie donc de faire sans :-)

[Bovino]

Dans l'event du clic du navigateur, je n'ai pas de paramètre, pas d'objet, tout ce que j'ai ce sont les coordonnées X et Y de la souris.

L'objet event te propose beaucoup plus que ça et notamment l'élément sur lequel tu as effectivement cliqué.

En partant de ton code HTML, ça pourrait donner

Code :

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

1
2
3
4
var $table = document.getElementsByTagName('table')[0];
$table.addEventListener('click', function(e){
    console.log(e.target.textContent);
}, false);