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 3871 fois depuis le 14.04.2006.
Note : 4,0094 (106 votes)

Exemple

Voyez ci-dessous un exemple du script :

Statistiques des visites pour le mois en cours
Pays d'origine	Nb. pages vues	Nb. Mo téléchargés
Suisse	63388	128.41
France	194722	397.06
Belgique	9844	68.9
Sénégal	7447	3.28
Canada	6108	28.9
Luxembourg	1148	9.97
Etats-Unis	98608	407.89

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