Go to content Go to navigation Go to search

HTMLTableTools.js · 17 janvier, 19:30 by lx

Alors je viens enfin de finir la version 2.0 de HTMLTableTools.

C’est une classe javascript qui permet de donner une autre dimension aux tableaux HTML. Concrètement, vous pouvez (en quelques lignes) :

Le mieux c’est de jetter un coup d’oeil à la démo ,vous pourrez également télécharger le script sur cette page.

  1. Noël !! Joie !! Bonheur !! C’est la fête du blog, pardon du site personnel avec opportunité de commenter.
    Je t’avoue mon bonhomme ne pas m’être éxagérément attardé sur le contenu quelque peu technique, mais l’essentiel est d’avoir un espace d’échange, et pour ça, tchin, champagne et \o/, je suis en joie.
    A tantôt mista LeX.
    — d'autres    18 janvier, 15:04    #
  2. fort de mon statut de seul commentateur pour le moment, je me dois de signaler que les notes, déjà peu nombreuses, ont une fâcheuse tendance à disparaître … Serait-ce un concept, un happening, du slam, lâcher les mots avant qu’ils s’envolent ?
    — d'autres    30 janvier, 09:30    #
  3. Voila juste pour te dire bravo pour le boulot … et il y a une petite erreur dans le zip, tu mets :

    TableTools.js au lieu de HTMLTableTools.js

    Un oubli je suppose …

    Voila … continue encore et merci pour nous autres pauvres eres qui ne connaissons pas le javascript … ;-)
    — galadriann    30 janvier, 19:27    #
  4. > d’autres
    oui, tu es très observateur. j’ai omis de préciser que cette dite note devait s’auto-détruire après 2 commentaires ou 2 jours.
    Comme tu dis, du slam, j’aime bien le concept !! ;)

    > galadriann
    merci pour tes encouragements, j’espère que ce script te sera utile !
    — lx    31 janvier, 10:58    #
  5. Le script post des problèmes avec un charset UTF-8
    quelqu’un a t’il une solution ?
    merci d’avance.
    — chautard    22 février, 22:45    #
  6. > chautard : il faut que je regarde ce problème de plus près, je posterais ici dès que j’aurais trouver une solution.
    Merci pour le commentaire.
    — lx    28 février, 07:59    #
  7. L’application est très bonne, Mais je penses qu’il faut introduire la notion de tfoot qui ne doit pas être trier pour les tableaux avec TOTAUX.
    — CAPOU Gaetan    3 mars, 00:28    #
  8. dans le download v2. à la 10ieme ligne, il faut remplacer la ligne par
    < script type="text/javascript" src="HTMLtableTools.js">  tableTools par HTMLtableTools
    pour que le fichier test.hmtl fonctionne
    — CAPOU Gaetan    3 mars, 19:30    #
  9. C’est génial ce HTMLTableTools !

    Evidemment, il faut lire les commentaires pour faire fonctionner le zip, mais bon…

    Ceci étant, il y a un bon gros bug (comme on en fait tous d’ailleurs) !!!!
    Essayez de mettre dans une colonne des tags HTML :
    ex ”[td]Albert [FONT COLOR=#FF0000][B]Albert[/B][/FONT][/td]” (en remplaçant les [ et ] évidemment)

    La partie “taggée” devient insensible aux tris (mais le reste de la colonne change…). Ca donne des résultats plutôt étonnant, non ?

    Bonne continuation.
    — AGICIEL    5 mars, 21:44    #
  10. > AGICIEL : normalement, tous les tags html compris dans les cellules sont supprimé pour effectuer le tri. Il se peut que les tags html saisis comportent des erreurs de syntaxe, à vérifier.
    J’utilise le script avec divers tags html (a, strong, em, ...) et cela fonctionne bien.
    — lx    6 mars, 13:33    #
  11. Pour le moment, j’utlise sorttable.js qui me permet de garder mes tableau sans les modifier (images, Style spécifiques aux cellules, etc).
    Ne serait-il pas possible de combiner les avantages de sorttable.js à ceux de HTMLTableTools.js ?
    — AGICIEL    9 mars, 01:58    #
  12. hey boy, back from outtasea ?
    — d'autres    10 mars, 16:03    #
  13. > d’autres : yes, back to home … ;)
    — lx    14 mars, 13:54    #
  14. Bonjour et d’abord bravo pour ce très chouette script !

    J’ai une problématique particulière :

    J’ai inclus mon tableau dans un div afin de le mettre dans une boite avec des scrollbar pour dire qu’il ne prenne pas toute la page….

    Du coup, l’entête est déporté dans un autre tableau situé au dessus du div (pour dire que qua nd on regarde la dernière ligne, on voit toujours la première)

    Penses tu qu’une grosse modif du code soit nécessaire pour intégrer un deuxième tableau dans le script ?
    — maxence    4 avril, 03:47    #
  15. -> maxence :
    peux-tu me transmettre un exemple de ce que tu désires faire, afin que je puisse bien comprendre le problème et adapter le script en fonction !!

    J’ai déjà quelques améliorations à ajouter fonction des commentaires précédents.
    — lx    4 avril, 15:15    #
  16. Bonjour,
    j’aimerais savoir ce que le script HTMLTableTools.js ajoute par rapport au script de la librairie script.aculo.us Builder.js

    merci
    — Myra    19 avril, 20:00    #
  17. Je voudrais vous signaler une erreur sur le dossier téléchargeable de la démo, dans le fichier test.html, vous vous êtes trompé sur le nom du script, c’est HTMLTableTools.js non pas tableTools.js
    — Myra    19 avril, 20:12    #
  18. Bonsoir,
    Voici l’erreur que j’obtient lors de l’utilisation du script original.
    Ligne:35
    Caractère:8
    Code:0
    Erreur:Exception levée mais non décelée
    URL:http://localhost/1/HTMLTableTools/test.html.

    Le tableau s’affiche bien mais j’ai a chaque fois une erreur javascript, et un 1 chiffre apparait a chaque clique sur les fleches. Quelqu’un pourrait il m’aider ?
    En vous remerciant d’avance.
    — XROG    23 avril, 05:20    #
  19. salut,

    chez moi le script fait planter ie ! je l’utilise en fait dans un script perl en CGI, j’ai donc modifier le chemin des scripts pour les images(fleches) et pour leurs emplacements mais quand je test plantage de IE! savez vous pourquoi?

    merci de m’aider
    — jim    25 avril, 21:50    #
  20. Ao gadjo. Un petit commentaire extatique à voir que la vie hante encore ce blog, pour souligner comme la photo est belle, et que je ne parviens pas à y laisser de commentaire.
    A part ça Paris est bien fraîche la bougresse, et le Vince te bise.
    So long sir LeX.
    — others    2 juin, 19:34    #
  21. Avec Ie j’ai un plantage dans la fonction removeaccent ?
    je l’ai donc modifié comme suit :
    // propriete removeaccent sur les string
    String.prototype.removeaccent = function(str) {
    str = this != window? this : str;
    return str.replace(/[\xE0-\xE6]/g, ‘a’).replace(/[\xE8-\xEB]/g, ‘e’).replace(/[\xEC-\xEF]/g, ‘i’).
    replace(/[\xF0\xF2-\xF4]/g, ‘o’).replace(/\xF1/g, ‘n’).replace(/[\xF9-\xFC]/g, ‘u’).replace(/[\xFD\xFE]/g, ‘y’).
    replace(/\xE7/g, ‘c’).replace(/\x9C/g, ‘oe’);
    };
    — chautard    9 juin, 06:01    #
  22. Merci beaucoup pour ton code HTMLTableTools ;-)

    Petite precision pour une utilisation en ASP.net (C#) :

    J’ai eu besoin de rajouter dans le fichier web.config :
    < globalization requestEncoding="ISO-8859-15" responseEncoding="ISO-8859-15" / >

    Pour éviter un bug sous IE.

    Et ce sript n’est pas compatible avec le ScriptManager d’Atlas…

    @+
    ddk
    — ddk    11 juillet, 20:20    #
  23. Bonjour,

    Bravo pour HTMLTableTools ;-)
    Cependant j’ai une erreur avec le tri sur des dates en 200X en fait le tri ne se fait pas ! Comme je suis débutant en javascript je ne sais pas quoi faire !!
    — Lulu    24 août, 02:57    #
  24. ReBonjour,

    Autant pour moi, c’était un problème d’espace dans ma page HTML. Désolé.
    — Lulu    24 août, 19:23    #
  25. Salut,

    Merci pour ce script top ;)

    Comment peux-t-on faire un tri en cliquant sur le titre des colonnes plutôt qu’avec les flèches et ainsi éliminer les flèches ?

    Merci d’avance,

    Paul
    — Tiger    25 août, 23:31    #
  26. wachement bien !! :-) bravo
    — oliwood    15 septembre, 10:41    #
  27. salut à tous,

    Bravo et merci pour cette jolie source !
    Quelqu’un a-t-il trouvé une solution pour les tfoot, pour les lignes TOTAL ?
    Merci encore.
    — Jilo    5 décembre, 05:36    #
  28. Si il y a encore du monde ici, peut-on me dire quelles est la syntaxe exacte pour l’option du chemin des images : pathToImgs ?
    dans mon exemple, j’ai ma page html, au même niveau un dossier scripts avec les scripts, et dans ce dossier scripts un dossier images avec les 4 images.
    Merci.
    — Jilo    6 décembre, 00:36    #
  29. Merci pour ce travail très intéressant et donnant plein d’idées.

    j’édite HTMLTableTools.js pour mettre le chemin d’accès des images. J’ai une erreur. Persuadé d’avoir mal modifié, je retire mon chemin d’accès aux images. J’ai à nouveau une erreur. Je reprends à partir du ZIP le JS et tout fonctionne bien. Je mets juste une ’*’ dans le commentaire de début du JS que je supprime par retour arrière. Et re-erreur :

    invalid quantifier ?
    HTMLTableTools.js (line 52)
    replace(/[?????]/g, ‘o’).replace(/?/g, ‘n’).replace(/[????]/g, ‘u’).replace(/[??]/g, ‘y’).

    Dommage

    Merci beaucoup de m’éclairer sur ce point.
    — lodan    5 mars, 04:34    #
  30. N’y a-t-il pas un problème de fuite mémoire ?
    J’utilise ce script avec un refresh (1 min) dans une frame et il y a une consommation mémoire incroyable du script js. PArce que sans le script, il n’y a pas de problèmes.
    — aqua    20 février, 19:34    #
  31. hello nice site!
    http://theodorejlacour52.blogspot.com
    — builder credit    2 mai, 12:32    #
  32. bonjour,
    j aimerais utiliser ce type de tableaux pour classer des randonnées
    comment un debutant peut il personnaliser ce tableau avec par ex une colonne massif puis durée (tri alphabetique), difficultés,distance, theme.
    — tr    7 juin, 10:21    #
  33. Very Nice Site! Thanx!
    Excellent Credit Cards
    — farmers    17 septembre, 17:49    #
Nom Mémoriser les informations données
Adresse email
http://
Message
  Aide Textile

Amélioration simple d'un tag SELECT Du côté du jardin...