jquery- tableau avec effet zébrure

Général
1

Bonjour

Je veux faire un tableau zébré avec Jquery
[http://www.jquery.info/spip.php?article36](http://www.jquery.info/spip.php?article36)

Ou dois-je inséré le code suivant dans SPIP?

$('.tableau').each(function() {
$('tr[td]:even', this).addClass('pair');
});

et comment dois-je l'appeler?
Merci

Si quelqu'un connait un bon tutoriel expliquant comment utilisé jquery dans SPIP, j'apprécierais beaucoup lire là-dessus.

RP

2

Bonjour,

Renée Picard a écrit :

|Bonjour

Je veux faire un tableau zébré avec Jquery
http://www.jquery.info/spip.php?article36

Ou dois-je inséré le code suivant dans SPIP?

$('.tableau').each(function() {
        $('tr[td]:even', this).addClass('pair');
});

et comment dois-je l'appeler?
Merci

Si quelqu'un connait un bon tutoriel expliquant comment utilisé jquery dans SPIP, j'apprécierais beaucoup lire là-dessus.

zap:
en se fatiguant moins, et compte tenue de la page citée qui dit:

Mais c’est parfois pénible de générer un html contenant des class="pair" ou impair selon le rang de la ligne.

on pourrait utiliser #COMPTEUR_BOUCLE|alterner (cf Afficher des éléments par lignes dans un tableau - SPIP) avec kekchoz du genre:
<tr class="[(#COMPTEUR_BOUCLE|alterner{'trimpair','trpair'}>
et dans les css
tr.trimpair {background-color: yellow}
tr.trpair {background-color: lime} /* joli melange, non? */
(cf http://www.spip.net/prive/spip_style.css ligne 31 pour la version officielle :wink:

--
hth
Frédéric

3

Renée Picard a écrit :

Bonjour

Je veux faire un tableau zébré avec Jquery
[http://www.jquery.info/spip.php?article36](http://www.jquery.info/spip.php?article36)

Ou dois-je inséré le code suivant dans SPIP?

$('.tableau').each(function() {
$('tr[td]:even', this).addClass('pair');
});

et comment dois-je l'appeler?
Merci

Si quelqu'un connait un bon tutoriel expliquant comment utilisé jquery dans SPIP, j'apprécierais beaucoup lire là-dessus.

RP

Spip le prévoit déjà, sans js, avec juste en css par exemple

/* première ligne /
table.spip tr.row_first {
color: #fcf4d0;
background-color: #82ade2;
}
/ lignes paires*/
table.spip tr.row_even {
background-color: #e5eff8;
}
/* lignes imppaires*/
table.spip tr.row_odd {
background-color: #ccccff;
}