login  Naam:   Wachtwoord: 
Registreer je!
 Scripts:

Scripts > JS > Overige > Sorteren op alfabet

Sorteren op alfabet

Auteur: JQUERY - 27 augustus 2009 - 17:54 - Gekeurd door: Koen - Hits: 5779 - Aantal punten: 4.00 (3 stemmen)




Hallo allemaal!
Ik ben een website aan het maken dat je game kan opzoeken en nu heb ik een systeem waarbij dat kan: JQUERY . De onderstaande code is een aanpassing van de standaard code. Files zijn hier te downloaden: http://game.pivotroarmovies.com/sort/sort.zip

P.S. Dit script is trouwens niet van mij het is van JQUERY, ik heb het alleen aangepast.

*Update: Versie 1.1.3*
-Datum wordt correct gesorteerd.

Code:
Het enigste wat je moet doen is een nieuw html document te maken met het volgende:


  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <title>Sorteerder v 1.1</title>
  3. <link rel="stylesheet" href="/css/jq.css" type="text/css" media="print, projection, screen" />
  4. <link rel="stylesheet" href="/css/style.css" type="text/css" media="print, projection, screen" />
  5. <script type="text/javascript" src="/jquery-latest.js"></script>
  6. <script type="text/javascript" src="/jquery.tablesorter.js"></script>
  7. <script type="text/javascript" src="/docs/js/chili/chili-1.8b.js"></script>
  8.  
  9. <script type="text/javascript" src="js/docs.js"></script>
  10. <script type="text/javascript">
  11. $(function() {
  12. $("#tablesorter-demo").tablesorter({sortList:[[0,0],[2,1]], widgets: ['zebra']});
  13. $("#options").tablesorter({sortList: [[0,0]], headers: { 3:{sorter: false}, 4:{sorter: false}}});
  14. });
  15. </script>
  16. <table id="tablesorter-demo" class="tablesorter" border="0" cellpadding="0" cellspacing="1">
  17.  
  18. <tr>
  19. <th>Naam Game</th>
  20. <th>Genre</th>
  21. <th>Leeftijd</th>
  22. <th>Datum uitgave</th>
  23. </tr>
  24. </thead>
  25. <tr>
  26. <td>Game A</td>
  27. <td>Genre A</td>
  28. <td>Leeftijd A</td>
  29. <td>Datum A</td>
  30.  
  31. </tr>
  32. <tr>
  33. <td>Game B</td>
  34. <td>Genre B</td>
  35. <td>Leeftijd B</td>
  36. <td>Datum B</td>
  37. </tr>
  38. <tr>
  39. <td>Game C</td>
  40. <td>Genre C</td>
  41. <td>Leeftijd C</td>
  42. <td>Datum C</td>
  43. </tr>
  44. <tr>
  45. <td>Game D</td>
  46. <td>Genre D</td>
  47. <td>Leeftijd D</td>
  48. <td>Datum D</td>
  49. </tr>
  50. <tr>
  51. <td>Game E</td>
  52. <td>Genre E</td>
  53. <td>Leeftijd E</td>
  54. <td>Datum E</td>
  55. </tr>
  56. </tbody>
  57. </table>
  58.  
  59. </body>
  60. </html>


De onderstaande dingen zijn te downloaden op http://game.pivotroarmovies.com/sort/sort.zip (zie ook link onderaan pagina):

-/css/jq.css
-/css/style.css
-/jquery-latest.js
-/jquery.tablesorter.js
-/js/chili-1.8b.js
-/js/docs.js Download code! Download code (.txt)

Download dit script! Bekijk een voorbeeld van dit script!
 Stemmen
Niet ingelogd.

 Reacties
Post een reactie
Geen reacties (0)
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.022s