Index: /trunk/FACT++/www/index.html
===================================================================
--- /trunk/FACT++/www/index.html (revision 13567)
+++ /trunk/FACT++/www/index.html (revision 13568)
@@ -1,4 +1,2 @@
-
@@ -11,54 +9,4 @@
-
-
-
-
-
- |
-
- |
-
-
-
-
-
-
-
-
-
-
-
-
-
- |
-
- |
-
-
-
-
-
-
-
-
-
-
-
+
Index: /trunk/FACT++/www/index.js
===================================================================
--- /trunk/FACT++/www/index.js (revision 13567)
+++ /trunk/FACT++/www/index.js (revision 13568)
@@ -1,29 +1,13 @@
-/*
- try { xmlHttp = new XMLHttpRequest(); }
- catch(e)
- {
- try { xmlHttp = new ActiveXObject("Microsoft.XMLHTTP"); }
- catch(e)
- {
- try { xmlHttp = new ActiveXObject("Msxml2.XMLHTTP"); }
- catch(e)
- {
- alert("Your browser doesn't support dynamic reload.");
- return;
- }
- }
- }
- */
-
function $(id) { return document.getElementById(id); }
function trim(str) { return str.replace("/^\s\s*/", '').replace("/\s\s*$/", ''); }
function valid(str) { if (str==undefined) return false; if (str.length==0) return false; return true;}
-function isSliding(){ return $("table0").offsetLeft!=0 && $("table1").offsetLeft!=0; }
+function isSliding() { var z = $("body").getAttribute("data-visible"); return $("table"+z).offsetLeft!=0; }
+
function cycleCol(el)
{
- var col = el.getAttribute("data-col");
+ var col = el.getAttribute("data-color");
col++;
col %= 31;
- el.setAttribute("data-col", col);
+ el.setAttribute("data-color", col);
if (col>16)
col = 31-col;
@@ -48,5 +32,5 @@
"4 -- "+navigator.userAgent);
*/
- loadPage("fact", 0);
+ loadPage("fact", 0, 0);
}
@@ -57,5 +41,5 @@
}
-function loadPage(name, z)
+function loadPage(name, z, dz)
{
var xmlHttp = new XMLHttpRequest();
@@ -71,6 +55,6 @@
}
- buildPage(name, xmlHttp.responseText, (z+1)%2);
- changePage(z);
+ buildPage(name, xmlHttp.responseText, z, dz);
+ changePage(z, z+dz);
//changePage(name, xmlHttp.resposeText);
@@ -84,34 +68,148 @@
-function buildPage(name, text, z)
-{
+function buildPage(name, text, oldz, dz)
+{
+ var fname = dz==0 ? "fact" : $("table"+oldz).getAttribute("data-file");
+
+ var z = oldz + dz;
+
+ var lines = text.split('\n');
+
var table = $("table"+z);
- var p = table.tBodies.length==3 ? 1 : 0;
-
- var tbody = $("table"+z).tBodies[p];
-
- while (tbody.hasChildNodes())
- tbody.removeChild(tbody.lastChild);
-
- var lines = text.split('\n');
-
- if (lines.length>0)
- {
- /*
- var newe = document.createElement("span");
- newe.innerHTML = lines[0];
- var title = $("table"+z).tHead.rows[0].cells[0].childNodes[0].childNodes[1];
- title.replaceChild(newe, title.lastChild);
- */
-
- //var x = title.lastChild;
- //title.removeChild(title.lastChild);
- //title.appendChild(newe);
-
- var newe = document.createElement("span");
- newe.innerHTML = lines[0];
- var title = $("title"+z);//.innerHtml = lines[0];
- title.replaceChild(newe, title.lastChild);
- }
+ if (table != undefined)
+ $("body").removeChild(table);
+
+ table = document.createElement("table");
+ table.setAttribute("class", "tborder");
+ table.setAttribute("id", "table"+z);
+ table.setAttribute("border", "0");
+ table.setAttribute("cellspacing", "0");
+ table.setAttribute("cellpadding", "6");
+ table.setAttribute("width", "100%");
+ table.setAttribute("style", "overflow:hidden;position:fixed;top:0px;left:"+window.innerWidth+"px;");
+
+ // -----------------------------------------------------
+
+ var th = document.createElement("thead");
+ th.setAttribute("colspan", "3");
+ th.setAttribute("width", "100%");
+ table.appendChild(th);
+
+ var htr = document.createElement("tr");
+ th.appendChild(htr);
+
+ var htd = document.createElement("td");
+ htd.setAttribute("class", "thead");
+ htd.setAttribute("colspan", "3");
+ htd.setAttribute("width", "100%");
+ htr.appendChild(htd);
+
+ // -------------
+
+ var htab = document.createElement("table");
+ htab.setAttribute("width", "100%");
+ htd.appendChild(htab);
+
+ var hhtr = document.createElement("tr");
+ htab.appendChild(hhtr);
+
+ var htd0 = document.createElement("td");
+ var htd1 = document.createElement("td");
+ var htd2 = document.createElement("td");
+ var htd3 = document.createElement("td");
+ htd0.setAttribute("class", "tcell1");
+ htd1.setAttribute("class", "tcell2");
+ htd2.setAttribute("class", "tcell1");
+ htd2.setAttribute("width", "1px");
+ htd3.setAttribute("class", "tcell1");
+ htd3.setAttribute("width", "1px");
+ hhtr.appendChild(htd0);
+ hhtr.appendChild(htd1);
+ hhtr.appendChild(htd2);
+ hhtr.appendChild(htd3);
+
+ var div0 = document.createElement("div");
+ var div1 = document.createElement("div");
+ var div2 = document.createElement("div");
+ var div3 = document.createElement("div");
+ div0.setAttribute("style", "font-size:x-large;");
+ div2.setAttribute("class", "icon_white");
+ div2.setAttribute("onclick","this.style.backgroundColor='rgba(0,0,0,0.77)'; loadPage('"+fname+"',"+z+","+(-dz)+");");
+ div2.setAttribute("style", "background-position:-396px 50%;");
+ div3.setAttribute("class", "icon_white");
+ div3.setAttribute("onclick","this.style.backgroundColor='rgba(0,0,0,0.77)'; loadPage('fact',"+z+","+(-z)+");");
+ div3.setAttribute("style", "background-position:-575px 50%;");
+
+ var sp0 = document.createElement("span");
+ var sp1 = document.createElement("span");
+ var sp2 = document.createElement("span");
+ sp0.setAttribute("id", "ldot" +z);
+ sp1.setAttribute("id", "title"+z);
+ sp2.setAttribute("id", "rdot" +z);
+ sp0.setAttribute("data-color", "3");
+ sp2.setAttribute("data-color", "3");
+ sp0.appendChild(document.createTextNode(" \u2022 "));
+ sp1.appendChild(document.createTextNode(lines.length>0?lines[0]:"n/a"));
+ sp2.appendChild(document.createTextNode(" \u2022 "));
+
+ div0.appendChild(sp0);
+ div0.appendChild(sp1);
+ div0.appendChild(sp2);
+
+ div1.setAttribute("style", "font-size:small;");
+ div1.setAttribute("id", "reporttime"+z);
+ div1.appendChild(document.createTextNode("---"));
+
+ htd0.appendChild(div0);
+ htd1.appendChild(div1);
+ htd2.appendChild(div2);
+ htd3.appendChild(div3);
+
+ // -----------------------------------------------------
+
+ var tbody = document.createElement("tbody");
+ table.appendChild(tbody);
+
+ // -----------------------------------------------------
+
+ var tf = document.createElement("tfoot");
+ table.appendChild(tf);
+
+ var ftr = document.createElement("tr");
+ tf.appendChild(ftr);
+
+ var ftd = document.createElement("td");
+ ftd.setAttribute("class", "tfoot");
+ ftd.setAttribute("width", "100%");
+ ftd.setAttribute("colspan", "3");
+ ftr.appendChild(ftd);
+
+ var ftab = document.createElement("table");
+ ftab.setAttribute("width", "100%");
+ ftd.appendChild(ftab);
+
+ var ftd0 = document.createElement("td");
+ var ftd1 = document.createElement("td");
+
+ ftd0.setAttribute("class", "tcell1");
+ ftd1.setAttribute("class", "tcell2");
+
+ ftab.appendChild(ftd0);
+ ftab.appendChild(ftd1);
+
+ var fdiv0 = document.createElement("div");
+ var fdiv1 = document.createElement("div");
+
+ fdiv0.setAttribute("style", "font-size:x-large;");
+ fdiv1.setAttribute("style", "font-size:small;");
+ fdiv1.setAttribute("id", "localtime"+z);
+
+ fdiv0.appendChild(document.createTextNode("logbook"));
+ fdiv1.appendChild(document.createTextNode("loading..."));
+
+ ftd0.appendChild(fdiv0);
+ ftd1.appendChild(fdiv1);
+
+ $("body").appendChild(table);
var counter = 1;
@@ -130,30 +228,4 @@
}
- /*
-