1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
|
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type" />
<meta name="HandheldFriendly" content="true">
<script language="JavaScript">
function getCleanObject( sElementId ) {
var obj = document.getElementById(sElementId);
while (obj.childNodes.length > 0) {
obj.removeChild(obj.childNodes[0]);
}
return obj;
}
/*********************************************************************************
* Nom: dispArray
* Description: affichage dans un tableau des donn?es charger
* Param?tre: sElementId, nom de la balise ou sera ins?r? le tableau
* Utilise: aLabel, tableau contenant le nom des champs ? charger
* aData, un tableau ? 2 dimension, par ligne de donn?e, puis par champs
* bSortActive, activation des tries des colonnes (1 ou 0)
* iSort, 1 pour trie alphabétique, -1 pour l'inverse, ou 0 sans trie
* iColumn, numéro de la colonne triée
*********************************************************************************/
function dispArray( sElementId, aLabel, aData, aIndex, sLinkPage, sUrlParam, bSortActive, iSort, iColumn ) {
var i;
var j;
var parentObj;
var objTABLE;
var eleTR;
var eleTD;
var eleAnchor;
var fChangeColor;
var intTableCols;
var iSortTmp;
var eleImage;
alert('_dispArray_ bSortActive:'+bSortActive+' iSort:'+iSort+' iColumn: '+iColumn);
var parentObj = getCleanObject(sElementId);
// ajout de la balise <TABLE>
objTABLE = document.createElement("table");
objTABLE.width = "100%";
objTABLE.border = "1";
objTABLE.cellpadding = "1";
objTABLE.cellspacing = "1";
parentObj.appendChild(objTABLE);
// ajout de la balise <TR>, pour l'ent?te du tableau
eleTR = objTABLE.insertRow(0);
eleTR.style.color = "white";
eleTR.align = "center";
eleTR.valign = "top";
// ajout des <TD>, pour l'ent?te du tableau
intTableCols = aLabel.length;
for (j = 0; j < intTableCols; j++) {
eleTD = eleTR.insertCell(j);
eleTD.border = 1;
eleTD.width = (1/intTableCols)*100 + "%";
// *** affichage avec la cellule cliquable ***
eleTD.style.backgroundColor = "navy";
if (bSortActive) {
if (iColumn == j && iSort != 0) {
iSortTmp = iSort * -1;
} else {
iSortTmp = 1;
}
alert('_onclick_ j(column):'+j+' iSortTmp:'+iSortTmp);
eleTD.onclick = function(){ return dispArray( sElementId, aLabel, aData, aIndex, sLinkPage, sUrlParam, true, iSortTmp, j ) };
}
eleTD.appendChild(document.createTextNode(aLabel[j]));
if (bSortActive && iColumn == j) {
if (iSort == 1) {
eleImage = document.createElement("img");
eleImage.src='./img/sort_down.gif';
eleTD.appendChild(eleImage);
}
if (iSort == -1) {
eleImage = document.createElement("img");
eleImage.src='./img/sort_up.gif';
eleTD.appendChild(eleImage);
}
}
}
// chargement du contenu du tableau
fChangeColor = 0;
for (i = 0; i < aData.length; i++)
{
// ajout de la balise <TR>
eleTR = objTABLE.insertRow(i+1);
eleTR.style.color = "black";
// parcours les champs ? afficher dans le tableau
intTableCols = aData[i].length;
for (j = 0; j < intTableCols; j++) {
// ajout de la balise <TD>
eleTD = eleTR.insertCell(j);
eleTD.border = 1;
eleTD.style.backgroundColor = (fChangeColor == 1) ? "#E0E0F0" : "white";
eleTD.width= (1/intTableCols)*100 + "%";
eleAnchor = document.createElement("a");
if (sLinkPage!=null && sUrlParam!=null) {
if (sLinkPage.indexOf('#')==-1) {
eleAnchor.href=sLinkPage+"#"+sUrlParam+"="+aIndex[i];
} else {
eleAnchor.href=sLinkPage+"&"+sUrlParam+"="+aIndex[i];
}
eleAnchor.appendChild(document.createTextNode(aData[i][j]));
} else {
eleTD.appendChild(document.createTextNode(aData[i][j]));
}
eleTD.appendChild(eleAnchor);
}
// changement de couleur une ligne sur deux
if( fChangeColor == 1 )
fChangeColor = 0;
else
fChangeColor = 1;
}
return;
}
function init() {
var aDataLabel = new Array("Mission", "Priority", "State");
var G_aResult = new Array();
G_aResult[0] = new Array("Mission 1","high","ok");
G_aResult[1] = new Array("Mission 2","low","ko");
G_aResult[2] = new Array("Mission 3","high","ok");
var G_aResultIndex = new Array();
G_aResultIndex[0] = 4;
G_aResultIndex[1] = 5;
G_aResultIndex[2] = 6;
dispArray( "id_missions", aDataLabel, G_aResult, G_aResultIndex, "missiondetail.jsp", "mId", true, 0, 0 );
}
</script>
</head>
<body style="MARGIN-TOP: 0px; MARGIN-LEFT: 0px" onload="init()">
<h2>Liste des missions</h2>
<span id="id_missions"></span>
<br/><hr/>
</body></html> |
