// ==UserScript== // @name Pretty XML tree // @author Jakub Roztocil // @version 0.6 // @ujs:published 2008-06-23 // @ujs:updated 2009-09-21 // @ujs:download http://www.webkitchen.cz/lab/opera/pretty-xml-tree/files/pretty-xml-tree.js // @ujs:documentation http://blog.webkitchen.cz/pretty-xml-tree // ==/UserScript== /* CHANGELOG 0.6 - improved display of comments, monospace font 0.5 - hide XML tree generated by Opera 10 (thx BigMike) 0.4 - fixed missing "/" in closing tags 0.3 - added a check whether document is a WML document (thx arjanm) - fixed conflict with anchorize.js */ window.addEventListener('DOMContentLoaded', function() { var tree = { create: function() { var processor = new XSLTProcessor(); processor.importStylesheet(tree.getStylesheet()); processor.setParameter(null, 'xml-declaration', tree.getXmlDeclaration()); processor.setParameter(null, 'doctype', tree.getDoctype()); document.replaceChild(processor.transformToDocument(document).documentElement, document.documentElement); tree.init(); }, init: function () { function higlight() { this.parentNode.className += ' tag-hover'; } function unhiglight() { this.parentNode.className = this.parentNode.className.replace('tag-hover', ''); } function toggle() { if (this.parentNode.className.indexOf('closed') > -1) { this.parentNode.className = this.parentNode.className.replace('closed', ''); } else { this.parentNode.className += ' closed'; } } var result = document.evaluate("//[contains(@class, 'tag-start') or contains(@class, 'tag-end')]", document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null); var node, i = 0; while (node = result.snapshotItem(i++)) { node.onmouseover = higlight; node.onmouseout = unhiglight; node.onclick = toggle; } }, getDoctype: function() { var dt = ''; if (document.doctype) { var dt = ''; } return dt; }, getXmlDeclaration: function() { var xmlDecl = new XMLSerializer().serializeToString(document).match(/^(\s*)(<\?xml.+?\?>)/i); return xmlDecl[2]; }, getStylesheet: function() { if (tree.xslt) { return new DOMParser().parseFromString(tree.xslt, "text/xml"); } else { // for testing var request = new XMLHttpRequest(); request.open('GET', 'pretty-xml-tree.xsl?' + (new Date().getTime()), false); request.send(null); return request.responseXML; } }, xslt: '

This XML file does not appear to have any style information associated with it. The document tree is shown below.

inline

:

tag tag- start self-close <

/ >

</

>

=

<--

-->

<?

?>

' } if ((document.styleSheets.length && document.documentElement.tagName != 'xsl:stylesheet') || document.documentElement.tagName == 'html' || document.documentElement.tagName == 'wml' || !document.documentElement || !(document instanceof XMLDocument)) { return; } tree.create(); }, false);