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

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 !

• 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+.

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 !