mirror of
https://github.com/iiab/iiab.git
synced 2025-03-09 15:40:17 +00:00
www_back_end, www_front_end -> www_core, www_options
This commit is contained in:
root
parent
010a6b5fde
commit
5f63941127
61 changed files with 39 additions and 39 deletions
263
roles/www_base/files/html/js/XMLDisplay.js
Normal file
263
roles/www_base/files/html/js/XMLDisplay.js
Normal file
|
|
@ -0,0 +1,263 @@
|
|||
/* 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');
|
||||
var Link = document.createElement('a');
|
||||
Link.setAttribute('href','http://www.levmuchnik.net/Content/ProgrammingTips/WEB/XMLDisplay/DisplayXMLFileWithJavascript.html');
|
||||
var TextNode = document.createTextNode('Source: Lev Muchnik');
|
||||
Link.appendChild(TextNode);
|
||||
|
||||
xmlHolderElement.appendChild(Link);
|
||||
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);
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue