[DOM] sorttable spécial : filtrer les X premieres entrées

Bonjour,

j'ai un magnifique tableau généré de la sorte :
- une requete qui récupère une centaine de lignes d'une base mysql, avec champ1 du texte, et de champ2 à champ6 des valeurs numériques.
-la transformation de la base en un array, avec $tabl['champ1']=array($champ2, champ3,... champ6).

Pour faire ma table je boucle sur une variable jusqu'a 20 pour obtenir les 20 premieres valeurs classée (par défaut) par champ2 decroissant. (j'explique pourquoi je fais pas un LIMIT 20 dans ma requete plus loin)... et je remplis mes <td> avec tout ça.

Sauf que je voudrais avec le tres courant script sorttable.js (ici) pouvoir faire un tri dynamique,sans rechargement de page, des colonnes mon tableau (sur les colonnes champ 2 à champ 6)... en décroissant ET croissant.
Subtile car il faut :
1. que je puisse interdire le tri sur la colonne champ1
2. ET SURTOUT : que je puisse avoir les 20 premiers en tri decroissant, et les 20 derniers en tri croissant.
exemple : de resultat 1 à 20 (sur les 100 lignes de mon tableau initial ) en mode decroissant
et de 100 à 81 en mode décroissant.

C'est pour cela que je fais une boucle de 20 itérations qu'au niveau de la table. C'est parce qu'il me faut tous les résutlats de la requete.

a partir de ton array principal fais un splice ou un splice pour avoir deus autres array que tu trieras comme tu voudras ...

splice? pour supprimer des lignes?
je pense que c'est pas une bonne idée car il faudrait creer plus que 2 tables : un par tri, et pour chacune des colonnes triées.

de toute façon tu sera obligé selon moi d'avoir 3 arrays ...
le global, un pour les 20 premiers et un autre pour la fin ...

y'a pas moyen de modifier le javascript sorttable.js pour faire la meme chose?

autant faire ton propre script de tri qui prendra un à un les elements de l'array pour faire ton propore tri sur les 20 premiers etc ...

c'est ce que j'avais pensé.. meme si je suis pas une lumiere en javascript (loin de là même).
Par contre je sais pas comment faire pour que ce tri soit faisable sans recharger la page (car dans ce cas autant utiliser des variables GET).

ben vu que tu ne veux pas créer d'array supplémentaire ...
il n'y a aucune méthode qui permette de faire un tri partiel ...
tu ne pourra pas implémenter le sort d'un array ...

va falloir tout te pastiller en algo en prenant les valeurs de l'array une a une et en les comparant aux autres ...

ceci étant je ne vois vraiment pas pourquoi tu ne veux pas créer d'array supplémentaire provisoire ... ce serait tellement plus simple

tout dépend si les array restent dans le cache et sont appellables en direct.

Mais il faut que j'en créé 5 (pour chaque champ de tri) x 2 (croissant et decroissant)... ça fait 10 tableaux.

rien ne t'empèche de les vider après chaque opération ...

mmmmh je vois... et comment je peux faire pour faire un équivalent du sorttable pour l'appel sur clic dans l'en tete de colonne?

de toute façon sorttable doit generé une paire d'array en background ...

Ci joint un fichier html, en fait un petit exercice de géométrie qui calcule des surface extérieures de tuyauteries...

remplis le tableau et clique sur les boutons de tri ...
CE n'est q'une partie d'un ensemble de page donc certains bouitons ne sont pas actifs, mais ça te donnera une idée de tri dans un tableau.

un vieux code maladroit avec du innerHTML pour les lignes, il faudrait le mettre au gout du jour avec le DOM.

J'ai reussi a faire un truc... bon j'epargnerai le code qui est imbitable.

mais grosso modo en mélangeant du PHP à du javascript, j'ai reussi a creer une array sous JVS avec toutes mes valeurs.
J'appelle cette table initiale dans une table que je monte avec des document.write.
Par la suite, en cliquant sur les en tete, j'appelle une fonction, qui retrie le array initial en fonction des critères tels que colonne et ordre, puis j'efface les lignes de ma table avec un deleteRow pour les remonter une par une, avec des fonctions telles que CreateElement, CreateTextNode, et AppendChild.

Me suis un peu pris la tete avec certaines colonnes, qui contenaient des liens, ou donc j'ai du plutot faire du innerHTML plutot que du TextNode qui met du texte pur. mais ça fonctionnne....


... uniquement sous Mozilla.... :yaisse2: :lol:

maintenant faut que je trouve pourquoi IE n'affiche rien. serait ce a cause de mes document.write?