sept 28

Modification javascript pour les tables

Manu
Ajouter un commentaire
Javascript, PHP

Comme plusieurs d’entre vous veulent connaitre les modifications que j’ai fait pour les tableaux javascript (suite des commentaires sur l’article “Economisez votre serveur : Triez en javascript”

Pour rappel, la page d’exemple se trouve ici : la page des entrainements de MARC78 sur Wanarun

Les modifications de la librairies sortable.js
Ajout d’une variable pour la taille des pages

  1. var maxRows=20;

Ajout de la fonction showPageTable()

  1. function showPageTable(table,number)
  2. {
  3.   for (j=1;j
  4. <table.rows.length;j++)>{
  5.     if (j<maxrows*(number-1)>=(maxRows*(number)+1))
  6.     {
  7.       table.rows[j].style.display='none';
  8.     }
  9.     else
  10.     {
  11.       table.rows[j].style.display='';
  12.     }
  13.   }
  14. }
  15.  

Modification de sortables_init()

  1.  
  2. //après la ligne
  3. ts_makeSortable(thisTbl);
  4. //j'initiliase mon tableau sur la premiere page
  5. showPageTable(thisTbl,'1');

Dans le php

  1.  
  2. //il faut définir une variable commune avec le javascript
  3. define("NB_LIGNE_TABLEAU",20);
  4.  
  5. $list=$data["performance"];
  6. $page_str="";
  7. $separator=" | ";
  8. $nb_page=floor(sizeof($list)/NB_LIGNE_TABLEAU)+1;
  9. if ($nb_page&gt;1)
  10. {
  11.         for($i=1;$i&lt;=$nb_page;$i++)
  12.         {
  13.                 $page_str.="<a href="#" onclick="\"showPageTable($('unique_id'),'".$i."')\"">".$i."</a>";
  14.                 $page_str.=$separator;
  15.         }
  16.         echo substr($page_str,0,-strlen($separator));
  17. }
  18.  
Partager et découvrir : Ces icônes sont des liens vers des sites de partage de signet sociaux où les lecteurs peuvent partager et découvrir de nouveaux liens.
  • bodytext
  • del.icio.us
  • Netvouz
  • description
  • ThisNext
  • MisterWong
  • Wists
  • Scoopeo
  • Technorati
  • Wikio

Tags :
Cette article a été écrit le Vendredi 28 septembre 2007 à 19:32
Vous pouvez laisser un message, ou un trackback / retrolien depuis votre site

Laisser un commentaire

Name (required)

Mail (will not be published) (required)

Website

Commentaire