Presentation de vue ligne alterné

Toutes les astuces sur le langage JavaScript dans Lotus Notes

Presentation de vue ligne alterné

Messagepar amahi » 03 Avr 2008 à 12:06

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 ^^
amahi
Empereur des posts
Empereur des posts
 
Message(s) : 1032
Inscrit(e) le : 08 Jan 2007 à 16:57
Localisation : Region parisienne

Messagepar Michael DELIQUE » 06 Mai 2008 à 08:19

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
Dernière édition par Michael DELIQUE le 06 Mai 2008 à 09:49, édité 1 fois.
Cordialement

Michael (SMS-Phobique)
----------------------------
"La théorie, c'est quand on sait tout et que rien ne fonctionne. La pratique, c'est quand tout fonctionne et que personne ne sait pourquoi."
Albert EINSTEIN
Avatar de l’utilisateur
Michael DELIQUE
Administrateur
Administrateur
 
Message(s) : 12183
Inscrit(e) le : 16 Déc 2004 à 10:36
Localisation : Paris/Cergy


Retour vers JavaScript