begin process at 2012 02 12 19:01:11
  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, html Niveau :Initié Date de création :13/05/2006 Date de mise à jour :14/12/2011 14:11:49 Vu / téléchargé :14 262 / 1 026

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
09 mai 2010 00:13:27 :
Version 1.9.7: - mécanisme de chargement de thèmes (1 seul thème, celui par défaut pour l'instant et un exemple de thème perso)
09 août 2010 13:52:08 :
Version 1.9.8: - Le script est divisé en modules (fichiers js) qui sont chargés seulement si nécessaires.
17 avril 2011 20:39:22 :
Version 1.9.9: - Ajout d'une icône 'help' et correction de bugs introduits par la version précédente
14 décembre 2011 14:11:55 :
- Amélioré la gestion des tables avec des en-têtes multiligne - Optimisé la fonction de highlight des mots recherchés

 Sources du même auteur

Source avec Zip EZEDITTABLE

 Sources de la même categorie

COLONNES ADAPTABLES EN HAUTEUR par dronoide
Source avec Zip VECTEURS ET MATRICES: OUTILS GRAPHIQUES UTILES par william voirol
Source avec Zip Source avec une capture HTML5 PLAYER par kazma
Source avec Zip Source avec une capture SCROLLBAR PERSONNALISABLE par kazma
Source avec Zip INFO BULLE par RudiRatlos

 Sources en rapport avec celle ci

Source avec une capture PRÉSENTOIR PAGE/SUJET par tiranus
Source avec Zip POUR LES DÉBUTANTS EN JAVASCRIPT par lecurieux41
Source avec Zip TRI DE TABLEAUX HTML par coucou747
Source avec Zip TRI DE TABLEAU HTML, SCRIPT ORIENTÉ OBJET par zilx
Source avec Zip TRI MULTI-COLONNES D'UN TABLEAU HTML par bultez

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

Couleur d'une cellule d'un tableau html [ par ypothier ] Est-ce que quelqu'un pourrai m'aider. J'ai un tableau HTML bien simple. Mais j'aimerai être capable de modifier la class à laquel il appartient dans u Comment modifier un tableau HTML avec du javascriptJavascript [ par 1000ste ] Bonjour,&gt; J'ai une page HTML avec la description d'un tableau. Je voudrais à l'aide de javascript modifié le contenu d'une zone du tableau avec la envoyer un lien dans un tableau html [ par 01Dawi ] Avec "onmousedown" g fé apparaitre une image dans une cible. Mais j'aimerais bien que cette meme image DEVIENNE un lien sur lequel je pourrais encore parcours d'un tableau HTML [ par billy21121 ] Bonjour a tous, Voila j'ai un petit probleme. Je cr&#233;e un tabnleau en php qui contient a chaque ligne un champ texte. l'utilisateur saisi des info Tri de colonnes d'un tableau html grâce à un js [ par ebenedzer ] SalutJe n'arrive pas &#224; trouver comment je peux trier les colonnes d'un tableau fait en html, &#224; l'aide d'un javascript.Est-ce que je dois met Récupérer le contenu d'un tableau HTML dans un tableau JS [ par Skullface ] Salut,pour un script de tri de tableau de fa&#231;on dynamique, je r&#233;cup&#232;re les donn&#233;es text de ce tableau dans un tableau javascript ( création dynamique d'un Tableau HTML depuis 1 array [ par durand2504 ] Bonjour, j'ai &#233;crit un script permettant de cr&#233;er un tableau HTML&nbsp; depuis un array. ce script fonctionnement tr&#232;s bien sous extraire un tableau HTML..et l'exporter sur un tableur [ par POMDORAK ] ..bonjour ..bonjour.. ..voil&#224;..je viens humblement sur ces pages pour rechercher un peu d'aide.. ..Terriblement accroch&#233; &#224; un jeu Onl exportation tableau html vers excel [ par kedieng ] Slt j'aimerai pouvoir exporter un tableau html en excel mais je ne sais pas comment faire. Si quelqu'un peut m'aider.Merci Trier dynamiquement un tableau HTML (à l'aide de XML, XSL, Javascript) [ par edevouge ] Bonjour, Dans le cadre d'un stage, j'ai besoins de créer un tableau html à partir d'un fichier XML et d'un fichier XSL. Et grâce au JavaScript, je v


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

 
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 : 0,874 sec (3)

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