Forum d'entraide PHPFrance

Bonjour,
Aujourd'hui encore je suis bloqué et cette-ci c'est pour la mise en place d'un script nommé tablesorter, il est censé m'apporter la possibilité d'effectuer des tris sur chaque colonne de mon tableau en cliquant simplement sur l'entête de la colonne en question. Seulement je n'y connais vraiment rien en javascript et je rencontre des difficultés pour sa mise en place, voici ce que j'ai fait pour le moment :

- téléchargement du dossier " jquery.tablesorter.zip" sur le site officiel "http://tablesorter.com/docs/#Download"
- j'ai inclu les deux fichiers script dans le head de mon code de test
- j'ai nommé mon tableau avec id = "tri"
- j'ai écrit la fonction correspondant à tablesorter

Seulement après ces étapes rien n'est différent

Voici mon code de test :

<html>
	<head>
		
		<script type="text/javascript" src="../html/date/tablesorter/jquery-latest.js"></script> 
		<script type="text/javascript" src="../html/date/tablesorter/jquery.tablesorter.js"></script> 
	</head>
<table border="1" align="center" id="tri">
 <thead align="center">
 
   <tr>
     <th>Entete1</th>
     <th>Entete2</th>
     <th>Entete3</th>
   </tr>
 </thead>
 <tbody align="center">
   <?php for($i=0;$i<100;$i++){?>
   <tr>
     <td>Cellule1</td>
     <td>Cellule2 </td>
     <td>Cellule3</td>
   </tr>
   <?php } ?>
 </tbody>
</table>
<script type="text/javascript">
	$(document).ready(function() 
		{$("tri").tablesorter();} 
	); </script>
</html>

bonjour,
le selecteur d'identifiant de la table est bien #tri et non tri. Peut être qu'il faut aussi indiquer la ou les colonnes sur lesquelles le tri sera appliqué.

[javascript]
<script type="text/javascript">
$(document).ready(function()
$("#tri").tablesorter({
// tri sur la 1ère et la 3ème colonne
sortList: [[0,0],[2,0]]
});
}); </script>
</html>
[/javascript]

Forum d'entraide PHPFrance

Installation de Tablesorter

Installation de Tablesorter

Re: Installation de Tablesorter