Tableau en HTML/Javascript

JLL -  
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

5 réponses

  1. 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>
    1. 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>
      ...
  2. Zep3k!GnO
    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 !"
    1. 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. 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!
        2. 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

          Discussions similaires

          java script error in the main process
          ceciel2307

          3 réponses
          Tableau (croisé dynamique?) à 3 entrées
          ClementH3o

          10 réponses