|
|
| Line 1: |
Line 1: |
| - | /* Copyright (c) 2007 Lev Muchnik <LevMuchnik@gmail.com>. All rights reserved.
| |
| - | * You may copy and modify this script as long as the above copyright notice,
| |
| - | * this condition and the following disclaimer is left intact.
| |
| - | * This software is provided by the author "AS IS" and no warranties are
| |
| - | * implied, including fitness for a particular purpose. In no event shall
| |
| - | * the author be liable for any damages arising in any way out of the use
| |
| - | * of this software, even if advised of the possibility of such damage.
| |
| - | * $Date: 2007-10-03 19:08:15 -0700 (Wed, 03 Oct 2007) $
| |
| - | */
| |
| | | | |
| - | function LoadXML(ParentElementID,URL)
| |
| - | {
| |
| - | var xmlHolderElement = GetParentElement(ParentElementID);
| |
| - | if (xmlHolderElement==null) { return false; }
| |
| - | ToggleElementVisibility(xmlHolderElement);
| |
| - | return RequestURL(URL,URLReceiveCallback,ParentElementID);
| |
| - | }
| |
| - | function LoadXMLDom(ParentElementID,xmlDoc)
| |
| - | {
| |
| - | if (xmlDoc) {
| |
| - | var xmlHolderElement = GetParentElement(ParentElementID);
| |
| - | if (xmlHolderElement==null) { return false; }
| |
| - | while (xmlHolderElement.childNodes.length) { xmlHolderElement.removeChild(xmlHolderElement.childNodes.item(xmlHolderElement.childNodes.length-1)); }
| |
| - | var Result = ShowXML(xmlHolderElement,xmlDoc.documentElement,0);
| |
| - |
| |
| - | var ReferenceElement = document.createElement('div');
| |
| - | return Result;
| |
| - | }
| |
| - | else { return false; }
| |
| - | }
| |
| - | function LoadXMLString(ParentElementID,XMLString)
| |
| - | {
| |
| - | xmlDoc = CreateXMLDOM(XMLString);
| |
| - | return LoadXMLDom(ParentElementID,xmlDoc) ;
| |
| - | }
| |
| - | ////////////////////////////////////////////////////////////
| |
| - | // HELPER FUNCTIONS - SHOULD NOT BE DIRECTLY CALLED BY USERS
| |
| - | ////////////////////////////////////////////////////////////
| |
| - | function GetParentElement(ParentElementID)
| |
| - | {
| |
| - | if (typeof(ParentElementID)=='string') { return document.getElementById(ParentElementID); }
| |
| - | else if (typeof(ParentElementID)=='object') { return ParentElementID;}
| |
| - | else { return null; }
| |
| - | }
| |
| - | function URLReceiveCallback(httpRequest,xmlHolderElement)
| |
| - | {
| |
| - | try {
| |
| - | if (httpRequest.readyState == 4) {
| |
| - | if (httpRequest.status == 200) {
| |
| - | var xmlDoc = httpRequest.responseXML;
| |
| - | if (xmlHolderElement && xmlHolderElement!=null) {
| |
| - | xmlHolderElement.innerHTML = '';
| |
| - | return LoadXMLDom(xmlHolderElement,xmlDoc);
| |
| - | }
| |
| - | } else {
| |
| - | return false;
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - | catch( e ) {
| |
| - | return false;
| |
| - | }
| |
| - | }
| |
| - | function RequestURL(url,callback,ExtraData) { // based on: http://developer.mozilla.org/en/docs/AJAX:Getting_Started
| |
| - | var httpRequest;
| |
| - | if (window.XMLHttpRequest) { // Mozilla, Safari, ...
| |
| - | httpRequest = new XMLHttpRequest();
| |
| - | if (httpRequest.overrideMimeType) { httpRequest.overrideMimeType('text/xml'); }
| |
| - | }
| |
| - | else if (window.ActiveXObject) { // IE
| |
| - | try { httpRequest = new ActiveXObject("Msxml2.XMLHTTP"); }
| |
| - | catch (e) {
| |
| - | try { httpRequest = new ActiveXObject("Microsoft.XMLHTTP"); }
| |
| - | catch (e) {}
| |
| - | }
| |
| - | }
| |
| - | if (!httpRequest) { return false; }
| |
| - | httpRequest.onreadystatechange = function() { callback(httpRequest,ExtraData); };
| |
| - | httpRequest.open('GET', url, true);
| |
| - | httpRequest.send('');
| |
| - | return true;
| |
| - | }
| |
| - | function CreateXMLDOM(XMLStr)
| |
| - | {
| |
| - | if (window.ActiveXObject)
| |
| - | {
| |
| - | xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
| |
| - | xmlDoc.loadXML(XMLStr);
| |
| - | return xmlDoc;
| |
| - | }
| |
| - | else if (document.implementation && document.implementation.createDocument) {
| |
| - | var parser=new DOMParser();
| |
| - | return parser.parseFromString(XMLStr,"text/xml");
| |
| - | }
| |
| - | else {
| |
| - | return null;
| |
| - | }
| |
| - | }
| |
| - |
| |
| - | var IDCounter = 1;
| |
| - | var NestingIndent = 15;
| |
| - | function ShowXML(xmlHolderElement,RootNode,indent)
| |
| - | {
| |
| - | if (RootNode==null || xmlHolderElement==null) { return false; }
| |
| - | var Result = true;
| |
| - | var TagEmptyElement = document.createElement('div');
| |
| - | TagEmptyElement.className = 'Element';
| |
| - | TagEmptyElement.style.position = 'relative';
| |
| - | TagEmptyElement.style.left = NestingIndent+'px';
| |
| - | if (RootNode.childNodes.length==0) {
| |
| - | var ClickableElement = AddTextNode(TagEmptyElement,'','Clickable') ;
| |
| - | ClickableElement.id = 'div_empty_' + IDCounter;
| |
| - | AddTextNode(TagEmptyElement,'<','Utility') ;
| |
| - | AddTextNode(TagEmptyElement,RootNode.nodeName ,'NodeName')
| |
| - | for (var i = 0; RootNode.attributes && i < RootNode.attributes.length; ++i) {
| |
| - | CurrentAttribute = RootNode.attributes.item(i);
| |
| - | AddTextNode(TagEmptyElement,' ' + CurrentAttribute.nodeName ,'AttributeName') ;
| |
| - | AddTextNode(TagEmptyElement,'=','Utility') ;
| |
| - | AddTextNode(TagEmptyElement,'"' + CurrentAttribute.nodeValue + '"','AttributeValue') ;
| |
| - | }
| |
| - | AddTextNode(TagEmptyElement,' />') ;
| |
| - | xmlHolderElement.appendChild(TagEmptyElement);
| |
| - | //SetVisibility(TagEmptyElement,true);
| |
| - | }
| |
| - | else { // mo child nodes
| |
| - |
| |
| - | var ClickableElement = AddTextNode(TagEmptyElement,'+','Clickable') ;
| |
| - | ClickableElement.onclick = function() {ToggleElementVisibility(this); }
| |
| - | ClickableElement.id = 'div_empty_' + IDCounter;
| |
| - |
| |
| - | AddTextNode(TagEmptyElement,'<','Utility') ;
| |
| - | AddTextNode(TagEmptyElement,RootNode.nodeName ,'NodeName')
| |
| - | for (var i = 0; RootNode.attributes && i < RootNode.attributes.length; ++i) {
| |
| - | CurrentAttribute = RootNode.attributes.item(i);
| |
| - | AddTextNode(TagEmptyElement,' ' + CurrentAttribute.nodeName ,'AttributeName') ;
| |
| - | AddTextNode(TagEmptyElement,'=','Utility') ;
| |
| - | AddTextNode(TagEmptyElement,'"' + CurrentAttribute.nodeValue + '"','AttributeValue') ;
| |
| - | }
| |
| - |
| |
| - | AddTextNode(TagEmptyElement,'> </','Utility') ;
| |
| - | AddTextNode(TagEmptyElement,RootNode.nodeName,'NodeName') ;
| |
| - | AddTextNode(TagEmptyElement,'>','Utility') ;
| |
| - | xmlHolderElement.appendChild(TagEmptyElement);
| |
| - | SetVisibility(TagEmptyElement,false);
| |
| - | //----------------------------------------------
| |
| - |
| |
| - | var TagElement = document.createElement('div');
| |
| - | TagElement.className = 'Element';
| |
| - | TagElement.style.position = 'relative';
| |
| - | TagElement.style.left = NestingIndent+'px';
| |
| - | ClickableElement = AddTextNode(TagElement,'-','Clickable') ;
| |
| - | ClickableElement.onclick = function() {ToggleElementVisibility(this); }
| |
| - | ClickableElement.id = 'div_content_' + IDCounter;
| |
| - | ++IDCounter;
| |
| - | AddTextNode(TagElement,'<','Utility') ;
| |
| - | AddTextNode(TagElement,RootNode.nodeName ,'NodeName') ;
| |
| - |
| |
| - | for (var i = 0; RootNode.attributes && i < RootNode.attributes.length; ++i) {
| |
| - | CurrentAttribute = RootNode.attributes.item(i);
| |
| - | AddTextNode(TagElement,' ' + CurrentAttribute.nodeName ,'AttributeName') ;
| |
| - | AddTextNode(TagElement,'=','Utility') ;
| |
| - | AddTextNode(TagElement,'"' + CurrentAttribute.nodeValue + '"','AttributeValue') ;
| |
| - | }
| |
| - | AddTextNode(TagElement,'>','Utility') ;
| |
| - | TagElement.appendChild(document.createElement('br'));
| |
| - | var NodeContent = null;
| |
| - | for (var i = 0; RootNode.childNodes && i < RootNode.childNodes.length; ++i) {
| |
| - | if (RootNode.childNodes.item(i).nodeName != '#text') {
| |
| - | Result &= ShowXML(TagElement,RootNode.childNodes.item(i),indent+1);
| |
| - | }
| |
| - | else {
| |
| - | NodeContent =RootNode.childNodes.item(i).nodeValue;
| |
| - | }
| |
| - | }
| |
| - | if (RootNode.nodeValue) {
| |
| - | NodeContent = RootNode.nodeValue;
| |
| - | }
| |
| - | if (NodeContent) {
| |
| - | var ContentElement = document.createElement('div');
| |
| - | ContentElement.style.position = 'relative';
| |
| - | ContentElement.style.left = NestingIndent+'px';
| |
| - | AddTextNode(ContentElement,NodeContent ,'NodeValue') ;
| |
| - | TagElement.appendChild(ContentElement);
| |
| - | }
| |
| - | AddTextNode(TagElement,' </','Utility') ;
| |
| - | AddTextNode(TagElement,RootNode.nodeName,'NodeName') ;
| |
| - | AddTextNode(TagElement,'>','Utility') ;
| |
| - | xmlHolderElement.appendChild(TagElement);
| |
| - | }
| |
| - |
| |
| - | // if (indent==0) { ToggleElementVisibility(TagElement.childNodes(0)); } - uncomment to collapse the external element
| |
| - | return Result;
| |
| - | }
| |
| - | function AddTextNode(ParentNode,Text,Class)
| |
| - | {
| |
| - | NewNode = document.createElement('span');
| |
| - | if (Class) { NewNode.className = Class;}
| |
| - | if (Text) { NewNode.appendChild(document.createTextNode(Text)); }
| |
| - | if (ParentNode) { ParentNode.appendChild(NewNode); }
| |
| - | return NewNode;
| |
| - | }
| |
| - | function CompatibleGetElementByID(id)
| |
| - | {
| |
| - | if (!id) { return null; }
| |
| - | if (document.getElementById) { // DOM3 = IE5, NS6
| |
| - | return document.getElementById(id);
| |
| - | }
| |
| - | else {
| |
| - | if (document.layers) { // Netscape 4
| |
| - | return document.id;
| |
| - | }
| |
| - | else { // IE 4
| |
| - | return document.all.id;
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - | function SetVisibility(HTMLElement,Visible)
| |
| - | {
| |
| - | if (!HTMLElement) { return; }
| |
| - | var VisibilityStr = (Visible) ? 'block' : 'none';
| |
| - | if (document.getElementById) { // DOM3 = IE5, NS6
| |
| - | HTMLElement.style.display =VisibilityStr;
| |
| - | }
| |
| - | else {
| |
| - | if (document.layers) { // Netscape 4
| |
| - | HTMLElement.display = VisibilityStr;
| |
| - | }
| |
| - | else { // IE 4
| |
| - | HTMLElement.id.style.display = VisibilityStr;
| |
| - | }
| |
| - | }
| |
| - | }
| |
| - | function ToggleElementVisibility(Element)
| |
| - | {
| |
| - | if (!Element|| !Element.id) { return; }
| |
| - | try {
| |
| - | ElementType = Element.id.slice(0,Element.id.lastIndexOf('_')+1);
| |
| - | ElementID = parseInt(Element.id.slice(Element.id.lastIndexOf('_')+1));
| |
| - | }
| |
| - | catch(e) { return ; }
| |
| - | var ElementToHide = null;
| |
| - | var ElementToShow= null;
| |
| - | if (ElementType=='div_content_') {
| |
| - | ElementToHide = 'div_content_' + ElementID;
| |
| - | ElementToShow = 'div_empty_' + ElementID;
| |
| - | }
| |
| - | else if (ElementType=='div_empty_') {
| |
| - | ElementToShow= 'div_content_' + ElementID;
| |
| - | ElementToHide = 'div_empty_' + ElementID;
| |
| - | }
| |
| - | ElementToHide = CompatibleGetElementByID(ElementToHide);
| |
| - | ElementToShow = CompatibleGetElementByID(ElementToShow);
| |
| - | if (ElementToHide) { ElementToHide = ElementToHide.parentNode;}
| |
| - | if (ElementToShow) { ElementToShow = ElementToShow.parentNode;}
| |
| - | SetVisibility(ElementToHide,false);
| |
| - | SetVisibility(ElementToShow,true);
| |
| - | }
| |
"
