Onclick sur un tableau

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Onclick sur un tableau

snike

J'ai mon tableau (ex :

Code :

<TABLE class=calendrier onclick='alert(this);'>

) qui contien plusieurs centaine de cases.
Sur chaque case je voudrais pouvoir lancer une fonction grâce à l'événement onclick mais si je commence à mettre cet événement sur chaque balise TD je risque de surcharger ma page.
C'est pourquoi je me suis demandé s'il n'y avait pas un moyen de gérer cela avec 1 seul onclick sur la balise <TABLE> ? Ce système pourrait par exemple reconnaître la case qui est cliqué à l'aide de l'Id de la balise TD (la case).

Est-ce que c'est possible ? ou vaut mieux utiliser le javascript et créer les événement à l'ouverture de la page ?

D'avance merci

---------------
Le problème avec les idées derrière la tête c'est qu'on ne peut pas les voir :??:

Publicité

snike

C'est tiré par les cheveux ma demande

---------------
Le problème avec les idées derrière la tête c'est qu'on ne peut pas les voir :??:

dwogsi

Défaillance cérébrale...

C'est un peut stupide aussi, sans vouloir te vexer...
Impossible de faire de que tu veux avec un code comme onclick='alert(this);' ça n'a aucun sens.

Message cité 1 fois

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

snike

dwogsi a écrit :

C'est un peut stupide aussi, sans vouloir te vexer...
Impossible de faire de que tu veux avec un code comme onclick='alert(this);' ça n'a aucun sens.

Et autrement ?

---------------
Le problème avec les idées derrière la tête c'est qu'on ne peut pas les voir :??:

dwogsi

Défaillance cérébrale...

Des onclick sur chaque cellule, ou si tu ne veux pas surcharger ton code html tu peux aussi "parcourir ton code avec js et y coller des onclick dynamiquement".

---------------
-- Debian -- Le système d'exploitation universel | Le gras c'est la vie! | /(bb|[^b]{2})/

afbilou

pouet your life

Code :

<head>
[...]
<script type="text/javascript">
window.onload = function () {
installEventsOnMyFuckingTable();
}
function installEventsOnMyFuckingTable () {
var table = document.getElementsByTagName('table')[0]; // ou getElementById()
var tbody = table.getElementsByTagName('tbody')[0];
var _td = tbody.getElementsByTagName('td');
for (var i=0 ; i<_td.length ; i++) {
_td[i].onclick = function () {
alert(this.textContent);
}
}
}
</script>
</head>
<body>
[...]
<table>
<caption>Super Table</caption>
<thead>
<tr>
<th>Col 1</th>
<th>Col 2</th>
<th>Col 3</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>4</td>
<td>5</td>
<td>6</td>
</tr>
<tr>
<td>7</td>
<td>8</td>
<td>9</td>
</tr>
<tr>
<td>10</td>
<td>11</td>
<td>12</td>
</tr>
</tbody>
</table>
[...]

FlorentG

Avec un framework JS (genre jQuery, YUI et tout), c'est assez simple à faire, via des fonctions genre addEvent qui gère facilement les évènements

FORUM HardWare.fr

Programmation

HTML/CSS

Onclick sur un tableau

Sujets relatifs
[PHP] aide pour un tableau	Probléme d'image dans un tableau PHP/MYSQL
[PHP] affichage requete ODBC dans un tableau	Tableau planning taille cellule dynamique
Tableau PHP	Empecher l'affichage du contour des cellules d'un tableau
[HTML] Tableau et interaction	Decouper une chaine en un tableau a chaque caractère
Aligner un tableau en haut à gauche ?	Onclick et visibilité d'une suite tableau
Plus de sujets relatifs à : Onclick sur un tableau

Page générée en 0.044 secondes