Så, nu har jeg lavet et lille demo-program for at demonstrere hvad jeg mente. Tillader mig at kalde det et "svar", for det har taget en del tid. Ved at lege med skriftstørrelsen kan man godt presse det ind på et enkelt skærmbillede.
<html>
<head>
<script>
var antalchecks=15, antalbrugere=10, nr=antalchecks
var farve="silver, cyan, navajowhite, lightblue, yellow, lightgreen, palegoldenrod, burlywood, cornsilk, lavender, peachpuff, lightcyan, lightgrey, lightyellow, lime, wheat".split(", ")
var txt="Brugernavn,driver's license,no license,right away,license to kill,TV license,Mensa certificate,administrator rights,human rights,left right,turn right,do right,maybe right,all rights,right to remain silent,right to write".split(",")
var brugernavn="Q. Nørdahl,Sigurd,Mig selv,Tilfældig gæst,Min kone,External 1,External 2,James Bond,Prins Henrik,Mary".split(",")
var S="<table cellspacing='0' cols='"+(antalchecks+5)+"' width='"+(antalchecks+5)*30+"px'>"
S+="<tr>"
for (var c=1; c <= antalchecks+5; c++) {S+="<td width='30px'></td>"}
S+="</tr>"
for (var c=1; c <= antalchecks+1; c++) // overskrifter
{
S+="<tr height='12px'>"
for (var k=0; k<=antalchecks-c; k++) {S+=" <td> </td>"}
if (nr==0) {S+=" <td colspan='5' align='center' bgcolor='"+farve[0]+"'><b>"+txt[0]+"</b></td>"}
else {S+=" <td colspan='5' align='right' bgcolor='"+farve[nr]+"'>"+txt[nr]+" </td>"}
var forrigefarve=nr
for (var k=antalchecks-c+2; k<=antalchecks; k++)
{
forrigefarve++
S+=" <td bgcolor='"+farve[forrigefarve]+"'></td>"
}
S+="</tr>"
nr--
}
for (var b=0; b<antalbrugere; b++) // brugerlinjer
{
S+="<tr>" // tom linje
for (var c=1; c <= antalchecks+5; c++) {S+="<td></td>"}
S+="</tr>"
S+="<tr height='12px'>"
S+=" <td colspan='5' align='center' bgcolor='"+farve[0]+"'>"+brugernavn[b]+"</td>"
for (var k=1; k<=antalchecks; k++)
{
S+=" <td align='center' bgcolor='"+farve[k]+"'><input type='checkbox'></td>"
}
S+="</tr>"
}
S+="</table>"
document.write(S)
</script>
</head>
<body>
</table>
</body>
</html>
Hilsen Per
