High-Tech Santé Médecine Droit-Finances

Auto-Entrepreneur

Comment faire ?

Rechercher : dans
Par :

Tableau en HTML/Javascript

Dernière réponse le 13 nov 2008 à 14:08:39 JLL, le 29 nov 2005 à 15:30:00 
 Signaler ce message aux modérateurs

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

Meilleures réponses pour « Tableau en HTML/Javascript » dans :
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
Trier un tableau sans utiliser la fonction sort VoirTrier un tableau sans utiliser la fonction sort D'abord on initialise une variable $max avec la 1ère valeur de tableau. Ensuite on va faire une boucle tant que le tableau contient encore des éléments. C'est avec la fonction splice qui a le rôle...
Javascript - Les tableaux VoirIntroduction à la notion de tableau Les variables de Javascript ne permettent de stocker qu'une seule donnée à la fois. Or, étant donné qu'il est souvent utile de manipuler de nombreuses données, le concept de variable se révéle parfois...
Javascript - Introduction au langage Javascript VoirQu'est-ce que le Javascript? Le Javascript est un langage de script incorporé dans un document HTML. Historiquement il s'agit même du premier langage de script pour le Web. Ce langage est un langage de programmation qui permet d'apporter des...
Javascript - Implantation du code VoirA quel emplacement insérer le Javascript dans votre page HTML Il existe plusieurs façons d'inclure du JavaScript dans une page HTML : Grâce à la balise En mettant le code dans un fichier Grâce aux événements Dans la balise...
Posez votre question Répondre

1

Zep3k!GnO, le 29 nov 2005 à 17:02:54

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 !"

   
Répondre à Zep3k!GnO

2

Zab, le 25 mar 2007 à 04:25:09

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!

   
Répondre à Zab

3

loris, le 4 jui 2007 à 14:45:46

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

   
Répondre à loris

4

gintoxic, le 31 jui 2007 à 02:19:19

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

   
Répondre à gintoxic

5

Old Men (Qc), le 9 fév 2008 à 18:03:56

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

   
Répondre à Old Men (Qc)

6

 Namleck, le 13 nov 2008 à 14:08:39

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

   
Répondre à Namleck
Posez votre question Répondre
Ils ont besoin de votre aide