body {
- background:#eef;
+ background:#f5f5f5;
+ font-size:10pt;
+ margin:50px 0 0 15px;
+ padding:0;
}
+h2 {
+ position:absolute;
+ width:100%;
+ top:-15px;
+ left:0px;
+ background:#f9f9f9;
+ border-bottom:1px solid #ccc;
+ padding:10px 0 5px 10px;
+}
+
+table.form {
+ border:1px solid #ccc;
+ padding:0;
+ background:#f0f0f8;
+ margin-bottom:20px;
+ border-collapse:collapse;
+}
+
+table.form td {
+ padding:2px 10px;
+}
table#content, table#contentregs {
- border:1px solid #aaa;
+ border:1px solid #ccc;
margin:0 20px 20px 0;
border-collapse:collapse;
}
+table#contentregs td:first-child, table#contentregs th:first-child,
+table#content td:first-child, table#content th:first-child{
+ width:40px;
+ padding-right:0px;
+ text-align:center;
+}
+
+
table#content td, table#content th, table#contentregs td, table#contentregs th{
- border:1px solid #aaa;
+ border:1px solid #ccc;
width:100px;
text-align:right;
padding-right:15px;
}
table#content, table#contentregs {
- border:1px solid #aaa;
+ border:1px solid #ccc;
}
}
.head {
- background:#334;
+ background:#333;
color:#eef;
}
\ No newline at end of file
<body>
-<h4>Hit Counters</h4>
+<h2>Hit Counters & TDC Registers</h2>
<form acion="">
-<table><tr><td>Board<td><input type="text" id="form_board" name="board" maxlength="4" value="ffff">
+<table class="form"><tr class="head"><th colspan=2>Settings
+<tr><td>Board<td><input type="text" id="form_board" name="board" maxlength="4" value="ffff">
<tr><td># of Channels<td><input type="text" id="form_channels" name="channels" maxlength="3" value="65">
<tr><td>Update Interval (ms)<td><input type="text" id="form_rate" name="rate" maxlength="5" value="1000">
<tr><td>Differences<td><input type="checkbox" id="form_diff" name="diff" value="1">
if(!document.getElementById("content").innerHTML) return;
var b = data.split("&");
var c = {};
- o = "<tr class=\"head\"><th>Channel";
+ o = "<tr class=\"head\"><th>Reg<th>Channel";
for(j=0;j<b.length-1;j++) {
c[j] = b[j].split(" ");
}
for(i = 1; i <= channels; i++) {
- o += "<tr class=\""+(i%2?"odd":"even")+"\"><th>"+(i-1);
+ o += "<tr class=\""+(i%2?"odd":"even")+"\"><th>"+(i-1+0xc000).toString(16)+"<th>"+(i-1);
for(j=0;j<b.length-1;j++) {
if(differences) {
val = c[j][i]- (oldvalues[j][i]||0);
if(!document.getElementById("contentregs").innerHTML) return;
var b = data.split("&");
var c = {};
- o = "<tr class=\"head\"><th>Register<th>Content";
+ o = "<tr class=\"head\"><th>Reg<th>Content";
for(j=0;j<b.length-1;j++) {
c[j] = b[j].split(" ");