Page 1 sur 1

Presentation de vue ligne alterné

MessagePublié: 03 Avr 2008 à 12:06
par amahi
Un petit tips pour disposer d une vue alternant les couleurs de ligne.

Tout d abord dans la conception meme de la vue, il faut considerer le contenu comme etant du HTML.
lors de l affichage des differents documents ce sera donc a vous de gerer les TR et les TD, idem dans le view template ne pas oublier de traiter le masque comme html et de placer les balise table autour du champ viewbody.
C'est dans la balise table qu il faut mettre l id. Une feuille de style vous evitera de modifier votre code et est plus elegante:

[syntax="css"]table.liste tr.pair {
BACKGROUND: #fff;
}

table.liste tr.impair {
BACKGROUND: #eee;
}[/syntax]

Enfin pour faire la mise en page il vous faudra appeler dans le onLoad du viewTemplate la methode suivante:

[syntax="javascript"]function setTableClass(){
/*************************************************************************************
Function: setTableClass
auteur: amahi
description:
Cette fonction recupere l'element constituant la liste et change les class de ligne
une fois sur deux.
************************************************************************************/
try {
var tableau = document.getElementById("list");
var noeuds = tableau.firstChild.firstChild;
i = 1;
while (noeuds !== null) {

if (Math.round(i / 2) == i / 2)
parite = "pair";
else
parite = "impair";
noeuds.className = parite;

i++;
noeuds = noeuds.nextSibling;
}
}
catch (e) {}
}[/syntax]

J espere avoir ete clair ^^

MessagePublié: 06 Mai 2008 à 08:19
par Michael DELIQUE
Roubech a écrit:1°) modifier le code HTML sur le onload après génération par Domino :
http://molelive.blogspot.com/2007/07/do ... e-row.html

2°) insérer du code HTML / JS dans la vue :
http://www.breakingpar.com/bkp/home.nsf ... FB0014DAAF