Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

[CSS ou JavaScript] Alterner les couleurs dans les ligne (<tr>) d'une <table>

49 views
Skip to first unread message

Denis Poisson

unread,
Aug 29, 2001, 5:46:40 AM8/29/01
to
Bonjour à tous,

Voilà, je voudrais (on a tous des désirs fous ;) trouver une astuce pour
faire alterner deux couleurs de fond dans les ligne d'un tableau HTML (genre
: une ligne rouge, une ligne jaune, et ainsi de suite jusqu'à la fin du
tableau), le tout en utilisant les CSS ou JS, et pas un bête codage en dur
avec bgcolor.

Bien sûr, je pourrais mettre des classes sur chaque <tr>, mais vu que mes
tableaux sont générés automatiquement (et que je connais pas à l'avance leur
taille), je préfèrerais n'avoir à modifier qu'un fichier css ou js et pas le
code qui génère les tableaux.

Merci d'avance pour vos réponses.

Denis


Pierre Goiffon

unread,
Aug 29, 2001, 6:26:43 AM8/29/01
to
"Denis Poisson" <p_d...@club-internet.fr> a écrit dans le message news:
9midqb$17ov$1...@spartacus.fr.clara.net...

> Voilà, je voudrais (on a tous des désirs fous ;) trouver une astuce pour
> faire alterner deux couleurs de fond dans les ligne d'un tableau HTML

Avec du traitement côté serveur, roulaize !! :)

--
_________________________________________________________
/ \
. Pierre GOIFFON .
. p g o i f f o n @ w e b c i t y . f r .
\_________________________________________________________/


Alti

unread,
Aug 29, 2001, 6:30:55 AM8/29/01
to

"Denis Poisson" <p_d...@club-internet.fr> a écrit dans le message news:
9midqb$17ov$1...@spartacus.fr.clara.net...
..........

> Bien sûr, je pourrais mettre des classes sur chaque <tr>, mais vu que mes
> tableaux sont générés automatiquement (et que je connais pas à l'avance
leur
> taille), je préfèrerais n'avoir à modifier qu'un fichier css ou js et pas
le
> code qui génère les tableaux.
..........

je ne sais pas de quelle facon le tableau est généré automatiquement, mais
le plus simple pour l'alternance de couleur
est dans son automatisme

par exemple (en php)

<tr class="<?$maclass=($ma_class=="class1"?"class2":"class1"); print
$ma_class;?>">

de cette maniere on teste la variable $ma_class et on lui affecte l'autre
valeur ("class2" si $ma_class="class1" et inversement)
ensuite on affiche la valeur de $ma_class.
Ainsi a chaque afichage de <tr> la class change.

alti


roudi

unread,
Aug 29, 2001, 6:46:19 AM8/29/01
to
un autre moyen, c'est de mettre un compteur qui est incrementé a chaque
<TR>. S'il est pair, on met une couleur, s'il est impair on met
l'autre..
mais je sais pas comment on le fait en javascript.. moi je le fais
plutot cote serveur a l'ecriture de la page

Roudi


Denis Poisson

unread,
Aug 30, 2001, 3:28:39 AM8/30/01
to
Donc on gère ça plutôt côté serveur, c'est bien ce que je craignais...
Tant pis. :(

Merci à tous pour vos réponses, en tout cas ! :)

Denis

roudi a écrit dans le message

Daniel Glazman

unread,
Aug 30, 2001, 8:30:52 AM8/30/01
to
Pierre Goiffon wrote:

>>Voilà, je voudrais (on a tous des désirs fous ;) trouver une astuce pour
>>faire alterner deux couleurs de fond dans les ligne d'un tableau HTML
>>
>
> Avec du traitement côté serveur, roulaize !! :)

On arrête de dire n'importe quoi et on se jette sur le Working
Draft ci-dessous [1]. J'ai déjà une implémentation pour Mozilla/Netscape
qui devrait faire son apparition dans les distributions assez
prochaînement. Il semble que IE fera de même prochaînement aussi.

Il suffit alors de deux lignes de CSS pour alterner les couleurs d'un
tableau d'autant de milliers de lignes que vous voulez... /* Enjoy */

[1] http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

</Daniel>
--
Daniel Glazman Netscape Communications Composer & CSS Teams
http://people.netscape.com/glazman #AIM:glazou2000 +33 1 72250291
gla...@netscape.com Act if you can, teach if you can't

Fabrice BONNY

unread,
Aug 30, 2001, 8:43:48 AM8/30/01
to
> On arrête de dire n'importe quoi et on se jette sur le Working
> Draft ci-dessous [1]. J'ai déjà une implémentation pour
Mozilla/Netscape
> qui devrait faire son apparition dans les distributions assez
> prochaînement. Il semble que IE fera de même prochaînement aussi.
>
> Il suffit alors de deux lignes de CSS pour alterner les couleurs
d'un
> tableau d'autant de milliers de lignes que vous voulez... /* Enjoy
*/
>
> [1] http://www.w3.org/TR/css3-selectors/#nth-child-pseudo

Salut,
ne pas oublier de rajouter sous le tableau : "D'ici quelques mois,
vous verrez cette page en couleur". ;-)

--
@++

Fabrice BONNY
ARESTE

Pierre Goiffon

unread,
Aug 30, 2001, 8:48:34 AM8/30/01
to
"Denis Poisson" <p_d...@club-internet.fr> a écrit dans le message news:
9mkq3p$1lbl$1...@spartacus.fr.clara.net...

> Donc on gère ça plutôt côté serveur, c'est bien ce que je craignais...

Ben tu peux le faire avec des document.write de la même manière... mais du
coup, les utilisateurs qui n'ont pas JS n'auront pas le contenu. Pas très
élégant.

Vincent

unread,
Aug 30, 2001, 9:12:44 AM8/30/01
to
(re-)Bonjour à tous,


Y a-t-il des études récentes (2 mois maxi) -sérieuses/indépendantes- sur le
taux de pénétration de chaque browser?
Et au niveau des versions? De la gestion du JavaScript? Du Flash?


Merci,

--
Vincent


Fabrice BONNY

unread,
Aug 30, 2001, 10:05:15 AM8/30/01
to
> Y a-t-il des études récentes (2 mois maxi) -sérieuses/indépendantes-
sur le
> taux de pénétration de chaque browser?
> Et au niveau des versions? De la gestion du JavaScript? Du Flash?

Salut,
il est impossible de chiffrer quoi que ce soit.
1) tu peux mentir sur le nom du navigateur
2) tu peux mentir sur la version
3) il est très difficile de détecter javascript
4) il est très difficile de détecter flash
5) pas mal de monde a plusieurs navigateurs
6) chaque site a des pourcentages différents en fonction de sa
clientèle, de son code...
7) les études sont pro-IE si elles sont demandées par MicroSoft ou
pro-Netscape si demandées par Netscape
8) aucune étude ne possède les mêmes critères

Au fait, quel est l'intérêt ?

Pierre Goiffon

unread,
Aug 31, 2001, 7:47:20 AM8/31/01
to
"Daniel Glazman" <gla...@netscape.com> a écrit dans le message news:
3B8E31...@netscape.com...

> On arrête de dire n'importe quoi et on se jette sur le Working
> Draft ci-dessous [1]

Daniel, tu es de mauvaise humeur aujourd'hui ?!! Tu sais parfaitement que le
DOM n'est pas encore réellement utilisable dans de très nombreux cas. Tu
fais très bien de souligner cette méthode, d'autant que personnellement je
ne la connaissais pas et je l'a découvre avec joie... Mais merci de ne pas
traiter des solutions proposées de "n'importe quoi" sans argumentaire.
Sinon, je crains que ce soient tes interventions qui en soient
décrébilisées.

0 new messages