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> |
Partager