debug.js

Go to the documentation of this file.

var debugWindow = null;
function debug(text, reverse) {
        if (debugWindow == null)
                return;
 
        time = "-"; //new Date();
        if (reverse) {
                $('debug').innerHTML = time + " " + text + "<br>"+      $('debug').innerHTML;
                debugWindow.getContent().scrollTop=0;
        }
        else {
                $('debug').innerHTML +=  time + " " + text + "<br>";
                debugWindow.getContent().scrollTop=10000; // Far away 
        }
}
 
function hideDebug() {
        if (debugWindow) {
                debugWindow.destroy();
                debugWindow = null;
        }
}
 
function showDebug(bShow) {
 if (debugWindow == null) {
  debugWindow = new Window('debug_window', {className: 'dialog',width:250, height:100, right:4, bottom:42, zIndex:1000, opacity:1, showEffect: Element.show, resizable: true, title: "Debug"})
  debugWindow.getContent().innerHTML = "<style>#debug_window .dialog_content {background:#000;}</style> <div id='debug'></div>";
  date=new Date;
    date.setMonth(date.getMonth()+3);
    
  //debugWindow.setCookie(null, date);
 }
 if( typeof bShow == 'undefined' || bShow)debugWindow.show()
}
 
 
function clearDebug() {
        if (debugWindow == null)
                return;
        $('debug').innerHTML = "";
}
 
/**
 * document.createElement convenience wrapper
 *
 * The data parameter is an object that must have the "tag" key, containing
 * a string with the tagname of the element to create.  It can optionally have
 * a "children" key which can be: a string, "data" object, or an array of "data"
 * objects to append to this element as children.  Any other key is taken as an
 * attribute to be applied to this tag.
 *
 * Available under an MIT license:
 * http://www.opensource.org/licenses/mit-license.php
 *
 * @param {Object} data The data representing the element to create
 * @return {Element} The element created.
 */
function $E(data) {
  var el;
  if ('string'==typeof data) {
      el=document.createTextNode(data);
  } else {
    //create the element
    el=document.createElement(data.tag);
    delete(data.tag);
 
    //append the children
    if ('undefined'!=typeof data.children) {
      if ('string'==typeof data.children ||'undefined'==typeof data.children.length) {
        //strings and single elements
        el.appendChild($E(data.children));
      } else {
        //arrays of elements
        for (var i=0, child=null; 'undefined'!=typeof (child=data.children[i]); i++) {
            el.appendChild($E(child));
        }
      }
      delete(data.children);
    }
 
    //any other data is attributes
    for (attr in data) {
      el[attr]=data[attr];
    }
  }
 
  return el;
}
 
// FROM Nick Hemsley
var Debug = {
        inspectOutput: function (container, within) {
                within = within || debugWindow.getContent()
                
                if (debugWindow == null)
                        return;
 
                within.appendChild(container)
        },
        
        inspect: function(object) {
                var cont = $E({tag: "div", className: "inspector"})
                Debug.inspectObj(object, cont)
                debugWindow.getContent().appendChild(cont)
        },
        
        inspectObj: function (object, container) {
                for (prop in object) {
                        Debug.inspectOutput(Debug.inspectable(object, prop), container)
                }
        },
        
        inspectable: function(object, prop) {
                cont = $E({tag: 'div', className: 'inspectable', children: [prop + " value: " + object[prop] ]})
                cont.toInspect = object[prop]
                Event.observe(cont, 'click', Debug.inspectClicked, false)
                return cont
        },
        
        inspectClicked: function(e) {
                Debug.inspectContained(Event.element(e))
                Event.stop(e)
        },
        
        inspectContained: function(container) {
                if (container.opened) {
                        container.parentNode.removeChild(container.opened)
                        delete(container.opened)
                } else {
                        sibling = container.parentNode.insertBefore($E({tag: "div", className: "child"}), container.nextSibling)
                        if (container.toInspect)
                                Debug.inspectObj(container.toInspect, sibling)
                        container.opened = sibling
                }
        }
}
var inspect = Debug.inspect;