Tableau en HTML/Javascript

JLL -  
 Namleck -
Bonjour,

Est-il possible de récupérer, à l'aide d un évènement javascript, les coordonnées d'un tableau HTML (ligne, colonne) par simle désignation sur une cellule du tableau.

ex) Je clique sur la 3ème ligne, j'aimerais récupérer l'index 3 du tableau pour pouvoir ensuite a des données détails correspondant à la ligne désignée

Merci


Merci
A voir également:

5 réponses

Réponse 1 / 5
Old Men (Qc)
 
<br/>
<a href="lien_1.html">
<img src="mes_images\droit.png" alt="Pour continuer" width=42 height=42 border=0 align=right> </a>

<table border="0" cellspacing="0" cellpadding="0">
<tr>
<td>
<table cellspacing=0 cellpadding=0 border=3>

<tr>

<td width=20 height=20 bgcolor=#000000 ><a href="#" onClick="document.form1.resultat.value='#000000';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#000033 ><a href="#" onClick="document.form1.resultat.value='#000033';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#000066 ><a href="#" onClick="document.form1.resultat.value='#000066';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#000099 ><a href="#" onClick="document.form1.resultat.value='#000099';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#0000CC ><a href="#" onClick="document.form1.resultat.value='#0000CC';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#0000FF ><a href="#" onClick="document.form1.resultat.value='#0000FF';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

</tr>

<tr>

<td width=20 height=20 bgcolor=#003300 ><a href="#" onClick="document.form1.resultat.value='#003300';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#003333 ><a href="#" onClick="document.form1.resultat.value='#003333';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#003366 ><a href="#" onClick="document.form1.resultat.value='#003366';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#003399 ><a href="#" onClick="document.form1.resultat.value='#003399';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#0033CC ><a href="#" onClick="document.form1.resultat.value='#0033CC';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

<td width=20 height=20 bgcolor=#0033FF ><a href="#" onClick="document.form1.resultat.value='#0033FF';return false"><img src="/images/dummy.gif" width="20" height="20" border="0"></a></td>

</tr>
5
Namleck
 
Salut !

Je ressuscite ce post parce que j'ai une question en rapport.
j'ai un tableau dans lequel je dois supprimer et ajouter des lignes en dynamique.


function supprimerAuteur (num) {
//num est la cellule sur laquelle on click pour supprimer la ligne
var monTab = document.getElementById("tabAuteur");
//////////////////////////////////
// C'est ici que je bloque : comment depuis l'élément cellule remonter à l'élément ligne ?
//////////////////////////////////
monTab.deleteRow(num.parentElement);
recalculTab();
}

function recalculTab () {
var monTab = document.getElementById("tabAuteur");

for(var i=0; i<monTab.rows.length; i++) {
monTab.rows[i].id = "ligne_" + i;
if (i%2 > 0) {monTab.rows[i].className = "even";}
}
}

...
<tr id="ligne_1">
<td><span id="auteur_1">Martin P.</span></td>
<td class="centre" onclick="javascript:supprimerAuteur(this);"><a href="#"><img src="img-cast/picto_supp.jpg" alt="supprimer" width="15" /></a></td>
</tr>
...
0
Réponse 2 / 5
Zep3k!GnO Messages postés 2025 Date d'inscription   Statut Membre Dernière intervention   200
 
ben ouais mai faut que tu le mettes genre : 
<html>
<body>
<table border="1">
  <tr>
         <td onClick="javascript:alert('case1')">case1</td>
         <td onClick="javascript:alert('case2')">case2</td>
         <td onClick="javascript:alert('case3')">case3</td>
  </tr>
</table>
</body>
</html>


Voilà monsieur .. . ..

Zep3k!GnO
-->Curtis jackson : "On est des rangers mec, des rangers !"
3
Réponse 3 / 5
loris
 
<html>
<body>
<table border="1">
<tr>
<td onClick="javascript:alert('case1')">case1</td>
<td onClick="javascript:alert('case2')">case2</td>
<td onClick="javascript:alert('case3')">case3</td>
</tr>
<tr>
<td onClick="javascript:alert('case4')">case4</td>
<td onClick="javascript:alert('case5')">case5</td>
<td onClick="javascript:alert('case6')">case6</td>
</tr>
<tr>
<td onClick="javascript:alert('case7')">case7</td>
<td onClick="javascript:alert('case8')">case8</td>
<td onClick="javascript:alert('case9')">case9</td>
</tr>
</table>
</body>
</html>

Voila ^^
1
Réponse 4 / 5
Zab
 
Salut!

Je dois faire un jeu de tic-tac-toe, et conséquemment, mon tableau doit aussi avoir des colonnes. Quel est le code pour une colonne?

Merci!
-1

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
Réponse 5 / 5
gintoxic
 
hello je suis un nouveau dans le monde du html et je voudrais tout simplement créer 2 a trois colonnes sur une page pour y mettre une liste ul, comment dois-je m'y prendre s'il vous plait ?
et je ne sais pas comment fonctionne n'y a quoi serent les balises tab, tad etc
Et vu que je débute un site, c'est un peu le bazar... merci a vous

merci par avance
Gintoxic
-3

Discussions similaires

Formule taux de marque
vcloclo1 -
vcloclo1 -

26 réponses
la balise <br> ou <br />
faamugol -
rwaness -

8 réponses
java script error in the main process
ceciel2307 -
Thibaut -

3 réponses
Tableau croisé dynamique - absence de certaines données
crazyrider71 -
Hana -

4 réponses