onclick sur cellule d'un tableau

7 réponses

matt...

10/11/2008 à 20:59

Bonsoir,

Je voudrais récuperer les coordonnées de la cellule sur laquelle j'ai
cliqué...

Voici un code test (je travail uniquement sur firefox)

<html>
<head>
<script type="text/javascript">
function init()
{
document.getElementById("id_tbody").onclick = tbody_onclick;
}

function tbody_onclick(event)
{
var nCell = event.target;
// Je voudrais recupere les coordonnees de la cellule cliquee (1,1)
}
</script>
</head>
<body onload="init()">
<table border="1">
<thead>
</thead>
<tr><th>Entete 1</th><th>Entete 2</th></tr>
<tbody id="id_tbody">
<tr><td>Cell 1 1</td><td>Cell 1 2</td></tr>
</tboby>
</table>
</body>
</html>

Si quelqu'un a une idee, je suis preneur...

Matt...

7 réponses

SAM

11/11/2008 à 00:01

Le 11/10/08 8:59 PM, matt... a écrit :

Bonsoir,

Je voudrais récuperer les coordonnées de la cellule sur laquelle j'ai
cliqué...

Voici un code test (je travail uniquement sur firefox)

Peu n'importe ...
ça doit fonctionner partout avec ce qu'en dit quirksmode ici :
<http://www.quirksmode.org/js/findpos.html>

--
sm

SAM

11/11/2008 à 02:18

Le 11/11/08 12:01 AM, SAM a écrit :

Le 11/10/08 8:59 PM, matt... a écrit :
Bonsoir,

Je voudrais récuperer les coordonnées de la cellule sur laquelle j'ai
cliqué...

<http://cjoint.com/?llcmDZGZGb>

--
sm

matt

11/11/2008 à 06:37

SAM a écrit :

Le 11/11/08 12:01 AM, SAM a écrit :
Le 11/10/08 8:59 PM, matt... a écrit :
Bonsoir,

Je voudrais récuperer les coordonnées de la cellule sur laquelle j'ai
cliqué...

<http://cjoint.com/?llcmDZGZGb>

Bonjour,

Merci pour ta réponse mais ce n'est pas exactement la réponse que
j'attendais...
En fait, quand je parlais de coordonnées , je voulais dire ligne et
colonne. Un truc du style : 3eme ligne et 2eme colonnes...

Merci quand même,

Matt...

Mickaël Wolff

11/11/2008 à 07:05

matt a écrit :

Merci pour ta réponse mais ce n'est pas exactement la réponse que
j'attendais...
En fait, quand je parlais de coordonnées , je voulais dire ligne et
colonne. Un truc du style : 3eme ligne et 2eme colonnes...

Ah oui mais non, ça ce ne sont pas des coordonnées, ce sont des index ;)

<http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-82915075>
<http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-6986576>

Dans ta fonction qui rattrape l'événement, tu devrais récupérer les
information avec quelque chose dans ce goût là :

var rowId = event.target.cellIndex ;
var colId = event.target.parentNode.rowIndex ;

--
Mickaël Wolff aka Lupus Michaelis
http://lupusmic.org

matt...

11/11/2008 à 09:52

Mickaël Wolff a écrit :

matt a écrit :

Merci pour ta réponse mais ce n'est pas exactement la réponse que
j'attendais...
En fait, quand je parlais de coordonnées , je voulais dire ligne et
colonne. Un truc du style : 3eme ligne et 2eme colonnes...

Ah oui mais non, ça ce ne sont pas des coordonnées, ce sont des index ;)

<http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-82915075>

<http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-6986576>

Dans ta fonction qui rattrape l'événement, tu devrais récupérer les
information avec quelque chose dans ce goût là :

var rowId = event.target.cellIndex ;
var colId = event.target.parentNode.rowIndex ;

Bonjour,

Merci, cela a l'air de correspondre à ce que je cherchais. Je teste.
Merci aussi pour le lien interressant.

Matt...

Olivier Miakinen

11/11/2008 à 09:54

Le 11/11/2008 07:05, Mickaël Wolff répondait à matt :

Merci pour ta réponse mais ce n'est pas exactement la réponse que
j'attendais...
En fait, quand je parlais de coordonnées , je voulais dire ligne et
colonne. Un truc du style : 3eme ligne et 2eme colonnes...

Ah oui mais non, ça ce ne sont pas des coordonnées, ce sont des index ;)

En outre, c'est beaucoup plus facile à obtenir.

<http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-82915075>
<http://www.w3.org/TR/2003/REC-DOM-Level-2-HTML-20030109/html.html#ID-6986576>

Dans ta fonction qui rattrape l'événement, tu devrais récupérer les
information avec quelque chose dans ce goût là :

var rowId = event.target.cellIndex ;
var colId = event.target.parentNode.rowIndex ;

Ah, sympa. Je vais voir si je peux m'en servir pour simplifier le code
de <http://www.miakinen.net/vrac/charsets/>.

SAM

11/11/2008 à 13:52

Le 11/11/08 9:54 AM, Olivier Miakinen a écrit :

Le 11/11/2008 07:05, Mickaël Wolff répondait à matt :

Dans ta fonction qui rattrape l'événement, tu devrais récupérer les
information avec quelque chose dans ce goût là :

var rowId = event.target.cellIndex ;
var colId = event.target.parentNode.rowIndex ;

Ah, sympa. Je vais voir si je peux m'en servir pour simplifier le code
de <http://www.miakinen.net/vrac/charsets/>.

Voilà ce qui fonctionne avec mes IE.6 et F.3 :

<script type="text/javascript">
function init()
{
document.getElementById("id_tbody").onclick = tbody_onclick;
}

function tbody_onclick(event)
{
event = event || window.event;
var nCell = event.target || event.srcElement;
var colid = nCell.cellIndex+1; // +1 pour le thead */
var rowid = nCell.parentNode;
while(rowid.tagName!='TR') rowid = rowid.parentNode;
rowid = rowid.rowIndex ;
alert(rowid + ' - ' + colid );
}

window.onload = init;
</script>

--
sm

onclick sur cellule d'un tableau

7 réponses

Veuillez sélectionner un problème