(colors.length - 1)){
var d = i / colors.length;
var c = parseInt((d - parseInt(d)) * colors.length);
if(c >= colors.length) document.title = c;
return colors[c];
}
else{
return colors[i];
}
}
function ScopeText(){
aScoped = [];
aScopedMap = [];
aScopedHash = [];
iScopeMapCount = 0;
var raw_data = document.getElementById("oTextInput").value;
if(raw_data.length == 0){
alert('invalid data');
return;
}
var a = raw_data.split("~");
//alert(a.length);
//var a = demo_data.split("~");
for(var i = 0; i < a.length; i++){
var v;
aScoped[i] = eval("v = " + a[i]);
}
DrawScope();
}
function getAbsoluteTop(o){return getAbsolutePosition(o,1);}
function getAbsoluteLeft(o){return getAbsolutePosition(o,0);}
function getAbsolutePosition(o,b){
var c=o,i=0;
while(c!=null&&c.nodeName&&!c.nodeName.match(/^body$/i)){
try{
i+=(b?(c.offsetTop?c.offsetTop:0):(c.offsetLeft?c.offsetLeft:0));
c=c.offsetParent;
}
catch(e){
break;
}
}
return i;
}
function DrillNodes(o,d){
if(typeof d == "undefined") d = 1;
for(var i = 0; i < o.childNodes.length; i++){
var n = o.childNodes[i];
if(n.nodeType != 1) continue;
var nm = n.nodeName;
var iW = n.offsetWidth;
var iH = n.offsetHeight;
var iT = getAbsoluteTop(n);
var iL = getAbsoluteLeft(n);
var disp = n.style.display;
var ty = 0;
var id = 0;
if(n.id) id = n.id;
if(n.name) nm = nm + "_" + n.name;
else if( n.getAttribute("name")) nm = nm + "_" + n.getAttribute("name");
if(nm.match(/^input$/i)){
ty = n.type;
if(n.type.match(/^hidden$/i)){
disp = "none";
}
}
AddNode(nm,iW,iH,iT,iL,id,ty,disp,d,n.className);
if(n.hasChildNodes) DrillNodes(n,d + 1);
}
}
function AddNode(n,w,h,t,l,z,y,d,i,c){
var ind = aScopedMap[n];
if(typeof ind != "number"){
ind = iScopeMapCount++;
aScopedMap[n] = ind;
}
else n = ind;
if(typeof w != "number" || typeof h != "number"){
w = 0;
h = 0;
}
if(typeof c != "string" || c.length == 0) c = 0;
if(typeof d != "string" || d.match(/^none$/i)) d = 0;
else if(d.match(/^inline$/i)) d = 1;
else if(d.match(/^block$/i)) d = 2;
else if(d.length == 0) d = 2;
if(!scope_to_text) aScoped[aScoped.length] = {n:n,i:z,y:y,w:w,h:h,t:t,l:l,d:d,p:i,c:c};
else aScoped[aScoped.length] = "{n:" + (typeof n == "number" ? n : "'" + n + "'") + ",w:" + w + ",h:" + h + ",t:" + t + ",l:" + l + ",d:" + d + ",y:" + (typeof y == "string" ? "'" + y + "'" : 0) + ",i:" + (typeof z == "string" ? "'" + z + "'" : 0) + ",p:" + i + ",c:" + (typeof c == "string" ? "'" + c + "'":c) + "}";
/*
if(!scope_to_text) aScoped[aScoped.length] = {name:n,id:z,type:y,width:w,height:h,top:t,left:l,display:d,depth:i};
else aScoped[aScoped.length] = "{name:'" + n + "',width:'" + w + "',height:'" + h + "',top:'" + t + "',left:'" + l + "',display:'" + d + "'}";
*/
}
function Scope(){
aScoped = [];
aScopedMap = [];
aScopedHash = [];
iScopeMapCount = 0;
DrillNodes(document.body);
}
//window.onload = init;
function ScopeIt(){
scope_to_text = 0;
Scope();
DrawScope();
}
function ScopeToText(){
scope_to_text = 1;
Scope();
document.getElementById("oTextBox").value = aScoped.join("~");
}
function ScopeToTempText(){
scope_to_text = 1;
Scope();
window["temptext"] = aScoped.join("~");
}
function MoveFirst(){
iCurrentDepth = 0;
ShowDepths();
}
function MovePrev(){
iCurrentDepth--;
if(iCurrentDepth < 0) iCurrentDepth = 0;
ShowDepths();
}
function MoveNext(){
iCurrentDepth++;
if(iCurrentDepth > iDepth) iCurrentDepth = iDepth;
ShowDepths();
}
function MoveLast(){
iCurrentDepth = iDepth;
ShowDepths();
}
function MoveTo(){
iCurrentDepth = parseInt(document.getElementById("oDepthLevel").value);
if(iCurrentDepth < 0) iCurrentDepth = 0;
else if(iCurrentDepth > iDepth) iCurrentDepth = iDepth;
ShowDepths();
}
function FindClass(){
var sName = document.getElementById("oDepthLevel").value;
iCurrentDepth = 0;
ShowDepths("c",sName);
}
function FindId(){
var sId = document.getElementById("oDepthLevel").value;
iCurrentDepth = 0;
ShowDepths("i",sId);
}
function ShowDepths(n,v){
var l = aDepth.length;
document.getElementById("oDepthLevel").value = iCurrentDepth;
var b = 0;
if(n && v) b = 1;
for(var i = 0; i < l; i++){
var a = aDepth[i];
if(typeof a != "object") continue;
for(var t = 0; t < a.length; t++){
var o = a[t];
var d = parseInt(o.getAttribute("scope-index"));
var p = aScoped[d];
if(i <= iCurrentDepth || (b && p[n]==v)){
a[t].style.display = "block";
}
else{
a[t].style.display = "none";
}
}
}
}
function DrawControls(){
var oP = document.createElement("div");
oP.style.cssText = "border: 1px solid #000000;background-color: #CFCFCF;";
var oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value","<<");
oI.onclick = MoveFirst;
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value","<");
oI.onclick = MovePrev;
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","text");
oI.setAttribute("id","oDepthLevel");
oI.style.cssText = "width: 50px;padding-left: 3px;border:1px solid #000000;";
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value","!");
oI.onclick = MoveTo;
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value","Id");
oI.onclick = FindId;
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value","Class");
oI.onclick = FindClass;
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value",">");
oI.onclick = MoveNext;
oP.appendChild(oI);
oI = document.createElement("input");
oI.setAttribute("type","button");
oI.setAttribute("value",">>");
oI.onclick = MoveLast;
oP.appendChild(oI);
document.body.appendChild(oP);
}
function DrawScope(){
document.body.innerHTML = "";
aScopedMap = [];
aScopedHash = [];
iDepth = 0;
aDepth = [];
iScopeMapCount = 0;
DrawControls();
/* fix up the hash */
for(var i = 0; i < aScoped.length; i++){
var o = aScoped[i];
var n = o.n;
if(typeof n == "string"){
var ind = iScopeMapCount++;
aScopedHash[ind] = n;
}
else{
if(typeof aScopedHash[n] == "string"){
n = aScopedHash[n];
}
else{
alert('woops: ' + n + " from " + aScopedHash.length);
}
}
var p = document.createElement("div");
document.body.appendChild(p);
p.style.position = "absolute";
if(o.d == 0) p.style.display = "none";
if(o.w <= 0 || o.h <= 0) continue;
p.style.zIndex = o.p;
p.style.left = o.l + "px";
p.style.width = o.w + "px";
p.style.top = (iDrawOffsetTop + o.t) + "px";
p.style.height = o.h + "px";
p.style.border = "1px solid #000000";
p.style.font = "8pt Arial";
p.setAttribute("scope-index",i);
if(o.p > iDepth) iDepth = o.p;
if(typeof aDepth[o.p] != "object" || aDepth[o.p] == null) aDepth[o.p] = [];
var aD = aDepth[o.p];
aD[aD.length] = p;
var node_title = "Name=" + n + " / ID=" + o.i + " / CLASS=" + o.c;
p.setAttribute("title",node_title);
p.appendChild(document.createTextNode((o.y ? o.y : n) + (o.i ? " " + o.i : "")));
//if(o.p > (colors.length - 1)) document.title = o.p;
p.style.backgroundColor = NextColor(o.p);//"#EFEFEF";
}
iCurrentDepth = iDepth;
document.getElementById("oDepthLevel").value = iCurrentDepth;
}
]]>