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

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>
    5
    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>
      ...
      0
  2. Zep3k!GnO Messages postés 2049 Statut Membre 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
  3. 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
  4. 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

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

    Posez votre question
  6. 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

java script error in the main process
ceciel2307 -
Thibaut -

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

10 réponses