* * * * *

Abonnez-vous !

Innovablog, Le Web où l’Innovation ordinaire : design, ergonomie, interfaces riches, web 2.0, eCommerce,…

  • A propos de l’auteur
  • Archives
  • Contacts
  • 4
    jan 08
    Catégorie : Design

    Un framework CSS pour vos tableaux !



    Tablecloth va vous révolutionner l’usage de tableaux dans vos pages web. Deux lignes de code à insérer (une pour le fichier CSS, l’autre pour le script) et vos tableaux ne seront plus jamais comme avant !

    CSS Tableaux

    • Tablecloth va ajouter un comportement au survol de chaque cellule en ajoutant une surbrillance à l’intersection ligne / colonne.
    • La propriété onClick est gérée et permet de mettre en valeur un élément sélectionné.
    • Sur le clic lui-même, l’élément prend une couleur différente.

    Un script paramétrable…

    Tous ces comportement sont paramétrables dans les premières lignes du script :

    • La surbrillance des colonnes :
      var highlightCols = true;
    • La surbrillance des lignes :
      var highlightRows = true;
    • La sélection au clic :
      var selectable = true;

    …, portable

    Le script fonctionne sans broncher sur toutes les versiosn de Firefox et sous Internet Explorer 6+.

    CSS Tableaux exemple

    Accessible ?

    Notons que pour fonctionne, le JavaScript doit être activé… Cependant, si ce n’est pas le cas, l’accessibilité au contenu n’en sera absolument pas perturbée, et les données seront affichées sans aucun problème.

    A installer sur vos tableaux dès à présent !

    Cet article vous a plu ? Ne perdez plus aucune info : abonnez-vous gratuitement !

    A vous de jouer ! Laissez un commentaire :

    XHTML: Vous pouvez utiliser ces tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

    Innovablog motorisé par WordPress
    Theme Wordpress par Olivier Favre
    Site Map
    RSS Feed
    Contenu intégralement sous licence Creative Commons