1
|
var HIDDEN="hidden";
|
2
|
var LEVEL = "level";
|
3
|
var PLUS_SRC="butplus.gif";
|
4
|
var MIN_SRC="butmin.gif";
|
5
|
var newRoot;
|
6
|
var maxColumns=1;
|
7
|
|
8
|
function loadDomViewer() {
|
9
|
// See if the rootDocument variable has been set on this window.
|
10
|
var rootDocument = window.rootDocument;
|
11
|
|
12
|
// If not look to the opener for an explicity rootDocument variable, otherwise, use the opener document
|
13
|
if (!rootDocument && window.opener) {
|
14
|
rootDocument = window.opener.rootDocument || window.opener.document;
|
15
|
}
|
16
|
|
17
|
if (rootDocument) {
|
18
|
document.body.innerHTML = displayDOM(rootDocument);
|
19
|
}
|
20
|
else {
|
21
|
document.body.innerHTML = "<b>Must specify rootDocument for window. This can be done by setting the rootDocument variable on this window, or on the opener window for a popup window.</b>";
|
22
|
}
|
23
|
}
|
24
|
|
25
|
|
26
|
function displayDOM(root){
|
27
|
var str = "";
|
28
|
str+="<table>";
|
29
|
str += treeTraversal(root,0);
|
30
|
// to make table columns work well.
|
31
|
str += "<tr>";
|
32
|
for (var i=0; i < maxColumns; i++) {
|
33
|
str+= "<td> </td>";
|
34
|
}
|
35
|
str += "</tr>";
|
36
|
str += "</table>";
|
37
|
return str;
|
38
|
}
|
39
|
|
40
|
function checkForChildren(element){
|
41
|
if(!element.hasChildNodes())
|
42
|
return false;
|
43
|
|
44
|
var nodes = element.childNodes;
|
45
|
var size = nodes.length;
|
46
|
var count=0;
|
47
|
|
48
|
for(var i=0; i< size; i++){
|
49
|
var node = nodes.item(i);
|
50
|
//if(node.toString()=="[object Text]"){
|
51
|
//this is equalent to the above
|
52
|
//but will work with more browsers
|
53
|
if(node.nodeType!=1){
|
54
|
count++;
|
55
|
}
|
56
|
}
|
57
|
|
58
|
if(count == size)
|
59
|
return false;
|
60
|
else
|
61
|
return true;
|
62
|
}
|
63
|
|
64
|
function treeTraversal(root, level){
|
65
|
var str = "";
|
66
|
var nodes= null;
|
67
|
var size = null;
|
68
|
//it is supposed to show the last node,
|
69
|
//but the last node is always nodeText type
|
70
|
//and we don't show it
|
71
|
if(!root.hasChildNodes())
|
72
|
return "";//displayNode(root,level,false);
|
73
|
|
74
|
nodes = root.childNodes;
|
75
|
size = nodes.length;
|
76
|
|
77
|
for(var i=0; i< size; i++){
|
78
|
var element = nodes.item(i);
|
79
|
//if the node is textNode, don't display
|
80
|
if(element.nodeType==1){
|
81
|
str+= displayNode(element,level,checkForChildren(element));
|
82
|
str+=treeTraversal(element, level+1);
|
83
|
}
|
84
|
}
|
85
|
return str;
|
86
|
}
|
87
|
|
88
|
function displayNode(element, level, isLink){
|
89
|
nodeContent = getNodeContent(element);
|
90
|
columns = Math.round((nodeContent.length / 12) + 0.5);
|
91
|
if (columns + level > maxColumns) {
|
92
|
maxColumns = columns + level;
|
93
|
}
|
94
|
var str ="<tr class='"+LEVEL+level+"'>";
|
95
|
for (var i=0; i < level; i++)
|
96
|
str+= "<td> </td>";
|
97
|
str+="<td colspan='"+ columns +"' class='box"+" boxlevel"+level+"' >";
|
98
|
if(isLink){
|
99
|
str+='<a onclick="hide(this);return false;" href="javascript:void();">';
|
100
|
str+='<img src="'+MIN_SRC+'" />';
|
101
|
}
|
102
|
str += nodeContent;
|
103
|
if(isLink)
|
104
|
str+="</a></td></tr>";
|
105
|
return str;
|
106
|
}
|
107
|
|
108
|
function getNodeContent(element) {
|
109
|
|
110
|
str = "";
|
111
|
id ="";
|
112
|
if (element.id != null && element.id != "") {
|
113
|
id = " ID(" + element.id +")";
|
114
|
}
|
115
|
name ="";
|
116
|
if (element.name != null && element.name != "") {
|
117
|
name = " NAME(" + element.name + ")";
|
118
|
}
|
119
|
value ="";
|
120
|
if (element.value != null && element.value != "") {
|
121
|
value = " VALUE(" + element.value + ")";
|
122
|
}
|
123
|
href ="";
|
124
|
if (element.href != null && element.href != "") {
|
125
|
href = " HREF(" + element.href + ")";
|
126
|
}
|
127
|
clazz = "";
|
128
|
if (element.className != null && element.className != "") {
|
129
|
clazz = " CLASS(" + element.className + ")";
|
130
|
}
|
131
|
src = "";
|
132
|
if (element.src != null && element.src != "") {
|
133
|
src = " SRC(" + element.src + ")";
|
134
|
}
|
135
|
alt = "";
|
136
|
if (element.alt != null && element.alt != "") {
|
137
|
alt = " ALT(" + element.alt + ")";
|
138
|
}
|
139
|
type = "";
|
140
|
if (element.type != null && element.type != "") {
|
141
|
type = " TYPE(" + element.type + ")";
|
142
|
}
|
143
|
text ="";
|
144
|
if (element.text != null && element.text != "" && element.text != "undefined") {
|
145
|
text = " #TEXT(" + trim(element.text) +")";
|
146
|
}
|
147
|
str+=" <b>"+ element.nodeName + id + alt + type + clazz + name + value + href + src + text + "</b>";
|
148
|
return str;
|
149
|
|
150
|
}
|
151
|
|
152
|
function trim(val) {
|
153
|
val2 = val.substring(0,40) + " ";
|
154
|
var spaceChr = String.fromCharCode(32);
|
155
|
var length = val2.length;
|
156
|
var retVal = "";
|
157
|
var ix = length -1;
|
158
|
|
159
|
while(ix > -1){
|
160
|
if(val2.charAt(ix) == spaceChr) {
|
161
|
} else {
|
162
|
retVal = val2.substring(0, ix +1);
|
163
|
break;
|
164
|
}
|
165
|
ix = ix-1;
|
166
|
}
|
167
|
if (val.length > 40) {
|
168
|
retVal += "...";
|
169
|
}
|
170
|
return retVal;
|
171
|
}
|
172
|
|
173
|
function hide(hlink){
|
174
|
var isHidden = false;
|
175
|
var image = hlink.firstChild;
|
176
|
if(image.src.toString().indexOf(MIN_SRC)!=-1){
|
177
|
image.src=PLUS_SRC;
|
178
|
isHidden=true;
|
179
|
}else{
|
180
|
image.src=MIN_SRC;
|
181
|
}
|
182
|
var rowObj= hlink.parentNode.parentNode;
|
183
|
var rowLevel = parseInt(rowObj.className.substring(LEVEL.length));
|
184
|
|
185
|
var sibling = rowObj.nextSibling;
|
186
|
var siblingLevel = sibling.className.substring(LEVEL.length);
|
187
|
if(siblingLevel.indexOf(HIDDEN)!=-1){
|
188
|
siblingLevel = siblingLevel.substring(0,siblingLevel.length - HIDDEN.length-1);
|
189
|
}
|
190
|
siblingLevel=parseInt(siblingLevel);
|
191
|
while(sibling!=null && rowLevel<siblingLevel){
|
192
|
if(isHidden){
|
193
|
sibling.className += " "+ HIDDEN;
|
194
|
}else if(!isHidden && sibling.className.indexOf(HIDDEN)!=-1){
|
195
|
var str = sibling.className;
|
196
|
sibling.className=str.substring(0, str.length - HIDDEN.length-1);
|
197
|
}
|
198
|
sibling = sibling.nextSibling;
|
199
|
siblingLevel = parseInt(sibling.className.substring(LEVEL.length));
|
200
|
}
|
201
|
}
|
202
|
|
203
|
function LOG(message) {
|
204
|
window.opener.LOG.warn(message);
|
205
|
}
|