par
Gorbi » 18 avr. 2013, 11:12
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,
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]<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>[/html]
