begin process at 2010 02 09 15:49:57
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Divers

 > HTML TABLE FILTER GENERATOR

HTML TABLE FILTER GENERATOR


 Information sur la source

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

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Divers Classé sous :tableau, grille, filtrer, filter Niveau :Initié Date de création :13/05/2006 Date de mise à jour :11/01/2010 19:52:13 Vu / téléchargé :10 428 / 862

Auteur : koalyptus

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
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évéler 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://tab lefilter.free.fr/zip.php?f=TableFilter_FR.zip


 Fichier Zip

Les Membres Club peuvent 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
11 janvier 2010 19:52:14 :
Version 1.9.6: - Ce script script permet de générer une grille avec des colonnes redimensionables, triables et filtrables à partir d'un simple tableaux HTML

 Sources de la même categorie

Source avec Zip MOOTABLEAU par Miky76
Source avec Zip CALCULER VOTRE IMC par lesnouesremy
CONSOLE DOS par djebbipgm
Source avec Zip PLUGIN JQUERY ARTE: AJOUTER DU TEMPS REEL SUR VOS PAGES WEB par arthurobriot
FAIRE UN FILTRE DES VILLES par scropfi01

 Sources en rapport avec celle ci

Source avec Zip MOOTABLEAU par Miky76
Source avec une capture JEU DE COULEURS DANS UN TABLEAU À 3 DIMENSION par Niidhogg
Source avec Zip TRI DÉCROISSANT ET CROISSANT D'UN TABLEAU DYNAMIQUE REMPLIE ... par barbe91
Source avec Zip PALETTE DE COULEURS par lgh
Source avec Zip TEXTAREA : LIMITER LA LARGEUR ET LA HAUTEUR DU TEXTE SAISIE par vilfarfadet

Commentaires et avis

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.

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

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

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.

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.

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

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
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

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,482 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales