| 1 |
function addSourceToParseErrorList (idPrefix, dlId) { |
| 2 |
var parseErrorsList = document.getElementById |
| 3 |
(idPrefix + dlId); |
| 4 |
if (!parseErrorsList) return; |
| 5 |
var childs = parseErrorsList.childNodes; |
| 6 |
var childsL = childs.length; |
| 7 |
var line = 0; |
| 8 |
var column = 0; |
| 9 |
for (var i = 0; i < childsL; i++) { |
| 10 |
var child = childs[i]; |
| 11 |
if (child.nodeType != 1) continue; |
| 12 |
if (child.nodeName == 'DT') { |
| 13 |
line = parseInt (child.getAttribute ('data-line') || 0); |
| 14 |
column = parseInt (child.getAttribute ('data-column') || 0); |
| 15 |
} else if (child.nodeName == 'DD') { |
| 16 |
if (line > 0) { |
| 17 |
var lineEl = document.getElementById (idPrefix + 'line-' + line); |
| 18 |
if (lineEl) { |
| 19 |
lineText = lineEl.innerHTML |
| 20 |
.replace (/<var>U\+([0-9A-F]{4})<\/var>/g, function (s) { |
| 21 |
return String.fromCharCode (parseInt (s, 16)); |
| 22 |
}) |
| 23 |
.replace (/</g, '<') |
| 24 |
.replace (/>/g, '>') |
| 25 |
.replace (/ /g, '\u00A0') |
| 26 |
.replace (/"/g, '"') |
| 27 |
.replace (/&/g, '&'); |
| 28 |
var p = document.createElement ('p'); |
| 29 |
p.className = 'source-fragment'; |
| 30 |
var code = document.createElement ('code'); |
| 31 |
if (lineText.length > 50) { |
| 32 |
if (column - 25 > 0) { |
| 33 |
p.appendChild (document.createElement ('var')).innerHTML |
| 34 |
= '...'; |
| 35 |
lineText = lineText.substring (column - 25, column + 24); |
| 36 |
code.appendChild (document.createTextNode |
| 37 |
(lineText.substring (0, 24))); |
| 38 |
code.appendChild (document.createElement ('mark')) |
| 39 |
.appendChild (document.createTextNode |
| 40 |
(lineText.charAt (24))); |
| 41 |
code.appendChild (document.createTextNode |
| 42 |
(lineText.substring (25, lineText.length))); |
| 43 |
p.appendChild (code); |
| 44 |
p.appendChild (document.createElement ('var')).innerHTML |
| 45 |
= '...'; |
| 46 |
} else { |
| 47 |
lineText = lineText.substring (0, 50); |
| 48 |
if (column > 0) { |
| 49 |
code.appendChild (document.createTextNode |
| 50 |
(lineText.substring (0, column - 1))); |
| 51 |
code.appendChild (document.createElement ('mark')) |
| 52 |
.appendChild (document.createTextNode |
| 53 |
(lineText.charAt (column - 1))); |
| 54 |
code.appendChild (document.createTextNode |
| 55 |
(lineText.substring (column, lineText.length))); |
| 56 |
} else { |
| 57 |
code.appendChild (document.createTextNode |
| 58 |
(lineText.substring (0, 50))); |
| 59 |
} |
| 60 |
p.appendChild (code); |
| 61 |
p.appendChild (document.createElement ('var')).innerHTML |
| 62 |
= '...'; |
| 63 |
} |
| 64 |
} else { |
| 65 |
if (column > 0) { |
| 66 |
code.appendChild (document.createTextNode |
| 67 |
(lineText.substring (0, column - 1))); |
| 68 |
code.appendChild (document.createElement ('mark')) |
| 69 |
.appendChild (document.createTextNode |
| 70 |
(lineText.charAt (column - 1))); |
| 71 |
code.appendChild (document.createTextNode |
| 72 |
(lineText.substring (column, lineText.length))); |
| 73 |
} else { |
| 74 |
code.appendChild (document.createTextNode (lineText)); |
| 75 |
} |
| 76 |
p.appendChild (code); |
| 77 |
} |
| 78 |
child.appendChild (p); |
| 79 |
} |
| 80 |
} |
| 81 |
line = 0; |
| 82 |
column = 0; |
| 83 |
} |
| 84 |
} |
| 85 |
} // addSourceToParseErrorList |
| 86 |
|
| 87 |
function insertNavSections (parentId) { |
| 88 |
parentId = parentId || ''; |
| 89 |
var el = document.createElement ('nav'); |
| 90 |
el.id = parentId + 'nav-sections'; |
| 91 |
el.innerHTML = '<ul></ul>'; |
| 92 |
|
| 93 |
if (parentId == '') { |
| 94 |
document.body.appendChild (el); |
| 95 |
document.webhaccSections = {}; |
| 96 |
document.body.setAttribute ('data-scripted', ''); |
| 97 |
} else { |
| 98 |
var section = document.getElementById (parentId); |
| 99 |
section.appendChild (el); |
| 100 |
section.webhaccSections = {}; |
| 101 |
} |
| 102 |
} // insertNavSections |
| 103 |
|
| 104 |
function addSectionLink (id, label, parentId) { |
| 105 |
parentId = parentId || ''; |
| 106 |
|
| 107 |
var el = document.createElement ('li'); |
| 108 |
el.innerHTML = '<a></a>'; |
| 109 |
el.firstChild.href = '#' + id; |
| 110 |
el.firstChild.innerHTML = label; |
| 111 |
document.getElementById (parentId + 'nav-sections') |
| 112 |
.firstChild.appendChild (el); |
| 113 |
|
| 114 |
var sections = document.webhaccSections; |
| 115 |
if (parentId != '') { |
| 116 |
sections = document.getElementById (parentId).webhaccSections; |
| 117 |
} |
| 118 |
sections[id] = document.getElementById (id); |
| 119 |
sections[id].tabElement = el; |
| 120 |
|
| 121 |
if (id == 'input' || id == 'input-url') { |
| 122 |
showTab (id); |
| 123 |
document.webhaccNavigated = false; |
| 124 |
} else if (id == 'document-info' && !document.webhaccNavigated) { |
| 125 |
showTab (id); |
| 126 |
document.webhaccNavigated = false; |
| 127 |
} else if (id.match (/-document-info$/)) { |
| 128 |
sections[id].tabElement.setAttribute ('data-active', ''); |
| 129 |
} else { |
| 130 |
sections[id].style.display = 'none'; |
| 131 |
} |
| 132 |
} // addSectionLink |
| 133 |
|
| 134 |
function showTab (id) { |
| 135 |
var ids = []; |
| 136 |
if (id.match (/^line-/)) { |
| 137 |
ids = ['source-string']; |
| 138 |
} else if (id.match (/^node-/)) { |
| 139 |
ids = ['document-tree']; |
| 140 |
} else if (id.match (/^index-/)) { |
| 141 |
ids = ['document-structure']; |
| 142 |
} else if (id.match (/^subdoc-[^-]+-/)) { |
| 143 |
var m; |
| 144 |
ids = ['']; |
| 145 |
while (true) { |
| 146 |
if (m = id.match (/^subdoc-[^-]+-/)) { |
| 147 |
ids.push (ids[ids.length - 1] + m[0]); |
| 148 |
id = id.substring (m[0].length); |
| 149 |
} else { |
| 150 |
break; |
| 151 |
} |
| 152 |
} |
| 153 |
if (id.length > 0) { |
| 154 |
if (id.match (/^line-/)) { |
| 155 |
ids.push (ids[ids.length - 1] + 'source-string'); |
| 156 |
} else if (id.match (/^node-/)) { |
| 157 |
ids.push (ids[ids.length - 1] + 'document-tree'); |
| 158 |
} else if (id.match (/^index-/)) { |
| 159 |
ids.push (ids[ids.length - 1] + 'document-structure'); |
| 160 |
} else { |
| 161 |
ids.push (ids[ids.length - 1] + id); |
| 162 |
} |
| 163 |
} |
| 164 |
ids.shift (); // '' |
| 165 |
} else if (id.match (/^input-/)) { |
| 166 |
ids = ['input', id]; |
| 167 |
} else { |
| 168 |
ids = [id]; |
| 169 |
} |
| 170 |
|
| 171 |
var sections = document.webhaccSections; |
| 172 |
while (ids.length > 0) { |
| 173 |
var myid = ids.shift (); |
| 174 |
_showTab (sections, myid); |
| 175 |
sections = sections[myid].webhaccSections; |
| 176 |
if (!sections) break; |
| 177 |
} |
| 178 |
} // showTab |
| 179 |
|
| 180 |
function _showTab (sections, id) { |
| 181 |
if (sections[id]) { |
| 182 |
for (var i in sections) { |
| 183 |
sections[i].style.display = 'none'; |
| 184 |
sections[i].tabElement.removeAttribute ('data-active'); |
| 185 |
} |
| 186 |
sections[id].style.display = 'block'; |
| 187 |
sections[id].tabElement.setAttribute ('data-active', ''); |
| 188 |
sections[id].tabElement.scrollIntoView (); |
| 189 |
|
| 190 |
document.webhaccNavigated = true; |
| 191 |
} |
| 192 |
} // _showTab |
| 193 |
|
| 194 |
function getAncestorAnchorElement (e) { |
| 195 |
do { |
| 196 |
if (e.nodeName == 'A' || e.nodeName == 'AREA') { |
| 197 |
return e; |
| 198 |
} |
| 199 |
e = e.parentNode; |
| 200 |
} while (e); |
| 201 |
} // getAncestorAnchorElement |
| 202 |
|
| 203 |
function onbodyclick (ev) { |
| 204 |
var a = getAncestorAnchorElement (ev.target || ev.srcElement); |
| 205 |
if (a) { |
| 206 |
var href = a.getAttribute ('href'); |
| 207 |
if (href && href.match (/^#/)) { |
| 208 |
var id = decodeURIComponent (href.substring (1)); |
| 209 |
showTab (id); |
| 210 |
return true; |
| 211 |
} |
| 212 |
} |
| 213 |
return true; |
| 214 |
} // onbodyclick |
| 215 |
|
| 216 |
function onbodyload () { |
| 217 |
// This block should be executed at the end of initialization process, |
| 218 |
// since |decodeURIComponent| might throw. |
| 219 |
if (!document.webhaccNavigated) { |
| 220 |
var fragment = location.hash; |
| 221 |
if (fragment) { |
| 222 |
var id = decodeURIComponent (fragment.substring (1)); |
| 223 |
showTab (id); |
| 224 |
var el = document.getElementById (id); |
| 225 |
if (el) el.scrollIntoView (); |
| 226 |
} else if (document.webhaccSections['result-summary']) { |
| 227 |
showTab ('result-summary'); |
| 228 |
} else { |
| 229 |
showTab ('input'); |
| 230 |
} |
| 231 |
} |
| 232 |
} // onbodyload |
| 233 |
|
| 234 |
// $Date: 2008/08/15 16:44:03 $ |