Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

HTML TABLE FILTER GENERATOR


Information sur la source

Catégorie :Divers Classé sous : tableau, filtrage, filtrer, filter, grille Niveau : Initié Date de création : 13/05/2006 Date de mise à jour : 25/05/2009 21:23:13 Vu / téléchargé: 9 077 / 780

Note :
9,8 / 10 - par 5 personnes
9,80 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10

Commentaire sur cette source (6)
Ajouter un commentaire et/ou une note


Description

Ce petit script permet d'insérer automatiquement une grille de filtrage dans un tableau html classique. Le but est de donner la possibilité à l'utilisateur de filtrer les données en fonction des critères choisis. C'est une fonctionnalité qui peut se réveler pratique lorsqu'il est question de tableaux contenant une quantité considérable de données. Les utilisateurs peuvent filtrer les colonnes contenant des valeurs numériques à l'aide des opérateurs "<", "<=", ">",">=" .
 

Conclusion

Pour plus d'info, n'hésitez pas à vous rendre sur la page de démo de cette ressource:

http://tablefilter.free.fr/
http://tablefilter.free.fr/zip.php?f=TableFilter_FR.zip


 

Fichier Zip

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip

Historique

30 juin 2006 09:17:42 :
Version 1.3 - Possibilité d'appeler une fonction specifiée - La touche "entrée" peut être désactivée - Le bouton de la grille est un <code>input</code>
30 janvier 2007 18:20:14 :
Version 1.6 - Fonction Filter() ameliorée: permet de filtrer les charactères speciaux - Paging à l'Excel - Fonctions publiques pour les développeurs - Affiche/Masque grille de filtrage - Activer le coloriage alterné des lignes - Additioner les valeurs d'une colonne - Rendre des lignes toujours visibles - Définir la largeur des colonnes
04 janvier 2008 17:30:46 :
- Garder les valeurs des filtres en mémoire lors du rafraichissement de la page - Changer le HTML du loader, des boutons du paging et du reset - Activer le trie en ordre ascendant/descendant des valeurs numériques d'un menu déroulant d'une colonne specifiée - Rendre les filtres sensibles à la casse - Activer le refraichissement des filtres lors du filtrage
04 janvier 2008 17:32:59 :
Version 1.7 - Garder les valeurs des filtres en mémoire lors du rafraichissement de la page - Changer le HTML du loader, des boutons du paging et du reset - Activer le trie en ordre ascendant/descendant des valeurs numériques d'un menu déroulant d'une colonne specifiée - Rendre les filtres sensibles à la casse - Activer le refraichissement des filtres lors du filtrage
05 octobre 2008 11:24:16 :
Version 1.8: script entièrement re-codé (classe TF) pour des meilleures performances et encore plus de fonctionnalités. Nouvautés: - surlignage des mots clés - filtrage lors de la saisi - nombre de la page et longueur de la pagination gardés en mémoire lors d'un rafraichissement de la page - génération des filtres à l'extérieur de la table dans les éléments DOM spécifiés - Mode de filtrage: inclusion/exclusion des mots recherches - définition d'une classe CSS pour chaque élément de la barre de filtrage -
22 février 2009 19:14:27 :
Version 1.9.1: - filtrage multi-opérateurs (>15 && <27 && !hello world) - menu déroulant multi-sélection - menu déroulant customisable, les options peuvent être définies programmatiquement
27 avril 2009 21:34:58 :
Version 1.9.2: - Nouveau filtre: le 'checklist' - Tri des colonnes intégrés basé sur le WebFX Sortable Table 1.12 script (Erik Arvidsson)
25 mai 2009 21:23:13 :
Version 1.9.3: - Ce script est disponible sous licence MIT

Commentaires et avis

signaler à un administrateur
Commentaire de whoetbe le 15/05/2006 14:16:17

Merci, très bon script. Ca fonctionne parfaitement !

Dommage que IE refuse les setAttribute sur les actions, sinon, tu aurais pu ajouter le lancement du rafraichissement dès qu'on a sélectionné un élément dans la liste.

signaler à un administrateur
Commentaire de koalyptus le 22/05/2006 11:47:04

Merci pour ton commentaire WhoEtBe,

quand tu mentionnes le "setAttribute", est-ce que tu te réfères aux combo-box (<select>)?
Je n'ai pas implementé le "rafraichissement" du tableaux pour donner la possibilité aux utilisateurs de filtrer avec plusieurs filtres à la fois...

à bientôt

signaler à un administrateur
Commentaire de whoetbe le 22/05/2006 15:23:42

Tu as raison, c'est vrai que c'est pratique de "multi-sélectionner", mais ca permettrait d'avoir une sélection encore plus rapide. Etant donné que les traitements se font en local... Mais c'est déjà super ! Merci

signaler à un administrateur
Commentaire de fabrice_regnier le 20/06/2006 19:20:45

Salut,

Merci pour ce très bon script que j'essaie d'utiliser avec celui-ci (tri multi-colonne) http://www.javascriptfr.com/codes/TRI-DYNAMIQUE-TABLEAU-HTML-MULTI-COLONNES-ORIENTE-OBJET_35462.aspx

Mais je n'y parviens pas. Comment rendre les 2 compatibles ?
Je dois ajouter qu'avec le filtre et le tri multiple, je pense qu'on parviendrait au sommet de l'art en ce qui concerne les tableaux ;)

merci et a+

f.

signaler à un administrateur
Commentaire de koalyptus le 30/06/2006 09:00:40

Salut Fabrice,

pourrais-tu m'envoyer ta page avec les fichiers js associés (le tri + le filtre) pour que je puisse voir ce qui ne marche pas.

à bientôt.

signaler à un administrateur
Commentaire de adamo901 le 22/08/2008 23:39:55 10/10

Bravo, un très beau travail

Ajouter un commentaire

Discussions en rapport avec ce code source dans le forum

Peut on modifier une cellule d'un tableau ??? [ par webgagner ] Est-il possible de modifier le contenu d'une celulle d'un tableau apres clic sur un bouton de la celule voisine??? Style et Script [ par Pocel ] Débutant,je voudrai changer la couleur de la cellule d'un tableau à la sélection de cette dernière. Pour le moment j'applique un style au onClick, mai tableau à 2 dimensions [ par meskiki ] Comment faire pour créer un tableau à deux dimensions?meskiki PROBLEMES DE CALQUES --- URGENT ! ! ! [ par Foub12 ] Bonjour ! J'aimerais pouvoir afficher un calque au dessus de mon tableau sans que cela perturbe la fonction Onclick qui se trouve dans la cellule de m un truc intéressant !! [ par mickelo ] ben en fait moi j'ai un tableau avec des données qui proviennent d'une base SQL piloté par des ASP, etc ...bref ma liste de données et tellement longu intéressant !!! [ par mickelo ] ben en fait moi j'ai un tableau avec des données qui proviennent d'une base SQL piloté par des ASP, etc ...bref ma liste de données et tellement longu Figer une ligne de tableau ?? [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Figer une ligne de tableau [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Figer une ligne de tableau [ par mickelo ] Y a t-il moyen de figer une ligne de tableau pour que lorsqu'on défile la page grace a l'ascenseur cette ligne reste en haut de page, une sorte de rec Redimensionnement de tableaux sous javascript/netscape [ par Blasteur ] Bonjour à tous!Je souhaite redimensionner dynamiquement un tableau (du nom de 'CESSION') grâce à une fonction javascript.Le problème c'est que le code


Nos sponsors

Sondage...

CalendriCode

Juillet 2009
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
2728293031  

Consulter la suite du CalendriCode

Téléchargements

Comparez les prix Nouvelle version

Photothèque Nouveau !



Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés
Temps d'éxécution de la page : 0,655 sec

Google Coop CodeS-SourceS Google Coop CodeS-SourceS


Certaines images présentes sur le site (notament certains avatars) sont issues des collections IconShock, donc si vous souhaitez utiliser ces icons vous devez les acheter, ne les copiez pas et ne utilisez pas dans vos sites et applications sans les avoir commandé.