Archives pour ‘ Tableau ’

Plugin jQuery - Tri de tableau 13 November 2007 à 2:41 pm par myrmex

Tablesorter est un plugin jQuery qui permet de trier les colonnes d’un tableau HTML en cliquant sur l’entête de la colonne et ce, sans qu’il soit nécessaire de recharger la page internet. Aux classiques tag TABLE, TR et TD sont en ajoutés deux tag : THEAD et TBODY. Tablesorter est capable de trier rapidement une grande quantité de données.

Les principales caractéristiques sont :

  • Trie multi colonnes avec analyse des données de type texte, URLs, entiers, monétaire, adresses IP, dates aux formats longs et courts, durée.
  • Support des tag ROWSPAN et  COLSPAN dans le tag TH
  • Extensibilité via le système de widget
  • Petite taille du code (7,4 kb) 

  css and javascript tablesort

L’archive à télécharger sur le site de Tablesorter est complète : vous trouverez le framework jQuery, les plugins Tablesort, les javascripts et même des thèmes css ! Le tout est livré avec plusieurs exemples.

Site Internet : Tablesorter
Licence : MIT et GPL

> Tableau dynamique : L’effet “Oeuf Fou”… par myrmex 27 October 2007 a 4:22 am et a Aucun commentaire

L’auteur de Askthecssguy a souhaité recréer le tableau tarifaire que vous pouvez voir sur le site Internet de Crazy Egg ainsi que le formulaire d’inscription. Le principe est que lorsque vous faites le choix d’une option dans le tableau (click sur une colonne), les autres colonnes disparaissent et un formulaire d’inscription les remplace.

Tableau css et javascript

Tableau et formulaire

Pour obtenir cet effet, Askthecssguy a écrit un programme qui est une savante combinaison CSS et JavaScript couplée à une organisation intelligente des images habillant le tableau. De plus, l’auteur a fait un effort « pédagogique » remarquable et très appréciable en expliquant précisément chaque étape de la création : illustration avec les différents codes et images. Dans l’archive à télécharger, vous trouverez 10 fichiers HTM expliquant chacune des étapes mentionnées sur le site Internet !

Site Internet : Askthecssguy
Licence : Gratuit

> Tableaux et CSS par myrmex 25 September 2007 a 1:33 am et a Aucun commentaire

Vous souhaitez vous affranchir du design par défaut des tags <table>, <tr> et <td>.
CSS Table Gallery est un showroom qui vous montre comment CSS et Tableau peuvent travailler ensemble pour obtenir de jolis résultats.

Tableau et CSS  CSS et tableau
En parcourant ce site, vous trouverez une collection de design pour changer l’aspect de vos tableaux.
Rien de bien compliqué. Tous les designs proposés sont libres et personnalisables… et comme on va toujours plus vite en partant d’un exemple…

Site internet : CSS Table Gallery
Licence : Gratuit