Tri dynamique de tableau HTML avec le DOM -- Le Coin Web de QuentinC

Vous êtes ici : Accueil > Programmation JavaScript > Divers > Tri dynamique de tableau HTML avec le DOM

Tri dynamique de tableau HTML avec le DOM

Description

Ce script permet de trier dynamiquement un tableau <table> contenant des données par colonnes, grâce au DOM.

Script

Copiez cette partie du script entre <head> et </head> ou dans un fichier externe : <script type="text/javascript">  </script>

Copiez cette partie du script entre <body> et </body>, à l'endroit où vous voulez voir figurer le script : <table summary="Tableau d'exemple pour montrer le fonctionnement du script, contenant des données fictives concernant les statistiques de visites d'un site web"> <caption>Statistiques des visites pour le mois en cours</caption> <thead> <tr><th><a href="#" onclick="sortTable(this,0); return false;">Pays d'origine</a></th> <th><a href="#" onclick="sortTable(this,1); return false;">Nb. pages vues</a></th> <th><a href="#" onclick="sortTable(this,2); return false;">Nb. Mo téléchargés</a></th> </tr></thead> <tbody> <tr><td>Suisse</td><td>63388</td><td>128.41</td></tr> <tr><td>France</td><td>194722</td><td>397.06</td></tr> <tr><td>Belgique</td><td>9844</td><td>68.9</td></tr> <tr><td>Sénégal</td><td>7447</td><td>3.28</td></tr> <tr><td>Canada</td><td>6108</td><td>28.9</td></tr> <tr><td>Luxembourg</td><td>1148</td><td>9.97</td></tr> <tr><td>Etats-Unis</td><td>98608</td><td>407.89</td></tr> </tbody> </table>

Statistiques

Ce script a déjà été vu 3771 fois depuis le 14.04.2006.
Note : 4,0095 (105 votes)

Exécuter un exemple du script

Télécharger le script

Vous êtes ici : Accueil > Programmation JavaScript > Divers > Tri dynamique de tableau HTML avec le DOM

Dernière modification de cette page : Lundi 23 janvier 2006 15:30
Haut de page • Contact • RSS • Valide XHTML 1.0

Le Coin Web de QuentinC - Tri dynamique de tableau HTML avec le DOM

Menu

Divertissement

Informatique

Découvertes

Mon site & Moi