Posez votre question Signaler

Javascript et tableau html [Résolu]

ulquiorra - Dernière réponse le 15 févr. 2010 à 17:33
bonjour
je voudrai savoir s'il existe un script javascript qui permet de savoir le nombre des cellules existant dans un tableau HTML
et merci
Lire la suite 

Javascript et tableau html »

4 réponses
Réponse
+2
moins plus
Bonjour,

Pour compléter ces réponses:


<input type="button" name="" value="Nbr de lignes" onClick = affiche_nbr_lignes();>
<input type="button" name="" value="Nbr de colonnes v1" onClick = affiche_nbr_colonnes_1();>
<input type="button" name="" value="Nbr de colonnes v2" onClick = affiche_nbr_colonnes_2();>
<input type="button" name="" value="Nbr de cellules" onClick = affiche_nbr_cellules();>


<table id="tableau" width="400px" height="400px" border="1" >
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>

</table>


<script>

function affiche_nbr_lignes()
{var nbr_lignes = document.getElementById('tableau').rows.length;
alert("Nombres de lignes = " + nbr_lignes);
}

function affiche_nbr_colonnes_1()
{var nbr_colonnes = document.getElementById('tableau').getElementsByTagName('tr')[0].getElementsByTagName('td').length;
alert("Nombres de colonnes = " + nbr_colonnes);
}

function affiche_nbr_colonnes_2()
{var nbr_colonnes = document.getElementById('tableau').rows[0].cells.length;
alert("Nombres de colonnes = " + nbr_colonnes);
}

function affiche_nbr_cellules()
{var nbr_cellules = document.getElementById('tableau').cells.length;
alert("Nombres de cellules = " + nbr_cellules);
}

</script>
Ajouter un commentaire
Réponse
+0
moins plus
Bonjour,

Il faut, pour cela, que ta table soit accessible en DOM. Le plus simple est de lui donner un attribut id, par exemple : id="table".
Ensuite, en javascript, il suffit de mettre :
var nbLignes = document.getElementById("table").rows.length;

Après, tu fais ce que tu veux de cette variable nbLignes qui contient le nombre de lignes de la table.

Plus de documentation : http://fr.selfhtml.org/javascript/objets/elementshtml.htm#table
Ajouter un commentaire
Réponse
+0
moins plus
merci beaucoup pour ton aide Reivax962 ca m'a beaucoup aider

merci a toi aussi Tunisien , en fait j'avais un tableau dont j'augmente automatiquement le nombre des lignes grace a un script javascript (bouton) , et je voulais a la fin envoyer les données remplis dans la base de données Mysql, c'est pour ca que j'avais besoin du nombre des cellules pour l'utiliser dans mon script PHP.

merci
Ajouter un commentaire
Réponse
-3
moins plus
salut
je vois pas l'interret d'un script pareil,en faite si ta page est statique le nombre de cellules est connu donc pas besoin de script et si ta page est dynamique c à dire que ce tableau sera créer a partir d'un script php par exemple tu pourra recuperer le nombre de cellule avec une simple operation arithmetique lors apres la boucle de création du tableau..........

tu peux mieux expliquer ton probleme stp?on pourra peut etre t'aider........Configuration: Windows XP Opera 9.10
Ajouter un commentaire
Ce document intitulé « javascript et tableau html » issu de CommentCaMarche (www.commentcamarche.net) est mis à disposition sous les termes de la licence Creative Commons. Vous pouvez copier, modifier des copies de cette page, dans les conditions fixées par la licence, tant que cette note apparaît clairement.
Dossier à la une
Passage au tout numérique : quel coût pour les particuliers ?