Fork me on GitHub

Surbrillance sur des lignes d'un tableau

200830
Janvier
  alain01 Documentations 7250
Documentations

Bonjour,
Vous utilisez souvent des tableaux dans vos pages, et parfois la lecture de nombreuses lignes et colonnes n'est pas aisée.

Il existe un moyen très simple de rendre nettement plus lisible vos tableaux. Cette méthode est ultra-simple, ne comporte pas de javascript et s'intègre complètement avec votre thème puisqu'elle utilise 2 classes bien connues, even et odd.

 LigneJour  TempĂ©rature (°C)PluviomĂ©trie (ml)
 Indice de confiance
2Lundi1804
 3  Mardi 12 0 4
4 Mercredi 16 30 3
 5 Jeudi 19 20 3


La methode plus bas...

MĂ©thode :
Pour chaque ligne de votre tableau, c'est à dire, pour chaque élément HTML < tr>, écrivez ceci :
<tr class="even" onmouseout="this.className='odd';" onmouseover="this.className='even';">


C'est tout !

Il existe une petite variante :
Si vous souhaitez que la ligne soit transformée lors de votre 1er passage de souris, alors supprimez dans le < tr>, l'élément "class=even".
Ca donnera ceci :

 LigneJour  TempĂ©rature (°C)PluviomĂ©trie (ml)
 Indice de confiance
2Lundi1804
 3  Mardi 12 0 4
4 Mercredi 16 30 3
 5 Jeudi 19 20 3

Note: 1.00 (11 votes) - Noter cet article -

Partager Twitter Partagez cette article sur GG+
Format imprimable Envoyer cet article Ă  un ami
Les commentaires appartiennent Ă  leurs auteurs. Nous ne sommes pas responsables de leur contenu.
Xoops accro
Inscrit le: 15/07/2004
De:
Contributions: 4763
blueteen PostĂ© le: 30/01/2008 12:39  Mis Ă  jour: 30/01/2008 12:39
 Re: Surbrillance sur des lignes d'un tableau
Oups, un petit souci dans l'article, l'affichage est inversé, il commence par :

Citation :
, Ă©crivez ceci :


Mais intéressant à part ça
Propulsé avec XOOPS | Graphisme adapté par Tatane, Grosdunord, Montuy337513

25 Personne(s) en ligne (1 Personne(s) connectée(s) sur Articles) | Utilisateur(s): 0 | Invité(s): 25 | Plus ...