function Trace() { // PUBLIC PROPERTIES // BEGINNNING OF STRUCTURE BUILDING METHODS this.__beginHTML = function() { html = '\n'; html += '\n'; return html; } this.__buildMainScriptBlock = function() { script = "\n"; return script; } this.__buildPrefsScriptBlock = function() { script = "\n" return script; } this.__buildMainStyleBlock = function() { style = "\n"; return style; } this.__buildIFrameStyleBlock = function() { style = "\n"; return style; } this.__midHTML = function() { html = "\n"; html += "\t\n"; return html; } this.__contentHTML = function() { html = "\t\n"; // header html += "\t\n"; html += "\t\n"; html += "\t\n"; html += "\t

prefs "; html += "clear "; html += "?"; html += "

\n"; // body html += "\t\n"; // preferences IFrame html += "\t\n"; html += "\t

"; html += "\t

"; return html; } this.__buildPrefsContentHTML = function() { html = "

Capture Events
"; html +="Mouse
"; // Mouse html += " mouseup
"; html += " mousedown
"; html += " mouseover
"; html += " mouseout
"; html += " click
"; html += " double click
"; // Divider html += "

" // Keyboard html +="Keyboard
"; html += " keydown
"; html += " keyup
"; // Divider html += "

"; // Other html +="Other
"; html += " error
"; html += "

"; html += "

Settings
"; html +="Dimensions
"; html += " Height
"; html += " Width
"; // Divider html += "

" // Position html +="Position
"; html += " Top
"; html += " Left
"; html += "

"; return html; } this.__endHTML = function() { html = "\t\n"; html += "\n"; return html; } // END OF STRUCTURE BUILDING METHODS // BEGIN PUBLIC USER FUNCTIONS // set the contents this.set = function(event,str) { if(this.open) { this.clear(); this.append(event,str) } } this.append = function(event,str) { var txt = ((arguments.length>1 && str != undefined)?str:event) var evt = ((arguments.length>1 && event.type)?event:null) if(this.open()) { //__tw.focus() // end remove var content = doc.getElementById("traceBody"); // Setup row numbers __rowNum+=1; var strRowNum = __rowNum.toString(); while(strRowNum.length < 3) strRowNum = "0"+strRowNum; // Build each inner node var ul = (ul?ul:__iDoc.createElement("ul")); var li =__iDoc.createElement("li"); __iDoc.body.appendChild(ul) ul.setAttribute("id","traceItemGroup"); li.setAttribute("id",('trace_'+strRowNum)); li.className = "traceItem"; li.innerHTML = "" + strRowNum + ""; li.innerHTML += txt; // build the status data var statusData = new __row(evt); var footer = doc.getElementById('traceFooterText') li.onmouseover = function() { li.className = "traceItemSelected"; footer.value = "Row Number:" + strRowNum + "\n"; footer.value += "Event Type:" + statusData.eType + "\n"; footer.value += "Event Source:" + statusData.eSrc + "\n"; footer.value += "Event Node:" + statusData.eNode; } li.onmouseout = function() { li.className = "traceItem"; } ul.appendChild(li); li.scrollIntoView(true) } } // clear the contents this.clear = function() { if(__tw != null && !__tw.closed) { if(this.open()) { var doc = __tw.document; var content = doc.getElementById("traceBody"); __rowNum = 0; __iDoc.body.innerHTML = ""; __tw.focus(); } } } this.open = function() { var traceAtt = document.body.getAttribute("trace"); var traceEnabled =((traceAtt!=null && traceAtt == "false")?false:true); if(!__isOpen && (traceEnabled)){ var height = this.__getCookie("height"); var width = this.__getCookie("width"); var top = this.__getCookie("top"); var left = this.__getCookie("left"); __tw = window.open('','trWin','menubar=no,toolbar=no,height='+height+',width='+width+',left='+left+',top='+top+',status=0,scrollbars=no,resizable=yes,dependent=yes'); __isOpen = true; this.__init(); __tw.focus(); } return traceEnabled; } // END PUBLIC USER METHODS // BEGIN INTERNAL PRIVATE METHODS(yeah, yeah - I know they aren't really private) var __tw = null; var __rowNum = 0; var __statusData; var __iDoc = null; var __pDoc = null; var __isOpen = false; this.__init = function() { doc = __tw.document; doc.writeln(this.__beginHTML()); doc.writeln(this.__buildMainStyleBlock()); doc.writeln(this.__buildMainScriptBlock()); doc.writeln(this.__midHTML()); doc.writeln(this.__contentHTML()); doc.writeln(this.__endHTML()); doc.close(); doc.title = "jsTrace"; var traceIFrame = doc.getElementById("traceIFrame"); __iDoc = (traceIFrame.contentDocument?traceIFrame.contentDocument:traceIFrame.contentWindow.document); __iDoc.open() __iDoc.writeln(this.__beginHTML()); __iDoc.writeln(this.__buildIFrameStyleBlock()); //iBody.writeln(this.__buildMainScriptBlock()); __iDoc.writeln(this.__midHTML()); __iDoc.writeln(this.__endHTML()); __iDoc.close(); var prefsIFrame = doc.getElementById("prefsIFrame"); __pDoc = (prefsIFrame.contentDocument?prefsIFrame.contentDocument:prefsIFrame.contentWindow.document); __pDoc.open() __pDoc.writeln(this.__beginHTML()); __pDoc.writeln(this.__buildPrefsScriptBlock()); __pDoc.writeln(this.__buildIFrameStyleBlock()); __pDoc.writeln(this.__midHTML()); __pDoc.writeln(this.__buildPrefsContentHTML()); __pDoc.writeln(this.__endHTML()); __pDoc.close(); this.__setupPrefs(); // attach load / unload events //if(__pDoc.attachEvent){__pDoc.attachEvent("onclick",trackChange)}; if(this.__getCookie("error")=="true") { if(__tw.attachEvent){__tw.attachEvent("onerror", error)}; if(__tw.captureEvents){__tw.captureEvents(Event.onerror)}; } if(__tw.opener.attachEvent){__tw.opener.attachEvent("onunload", parentunload)}; if(__tw.attachEvent){__tw.attachEvent("onresize", resize)}; if(__tw.captureEvents){__tw.captureEvents(Event.resize)}; if(__tw.attachEvent){__tw.attachEvent("onunload", unload)}; if(__tw.captureEvents){__tw.captureEvents(Event.onunload)}; function error(e) { this.append(e.type) } function parentunload(){__tw.close()} function unload(){__isOpen = false} function resize(){} __tw.onerror = error; __tw.onresize = resize; __tw.onunload = unload; } var __row = function(e) { evt=((e==null)?window.event:e); var nullMsg = "Pass event as first arg"; if(evt && typeof(evt)=='object') { var evtObj = (evt.srcElement?evt.srcElement:evt.target); this.eType = (evtObj.type); this.eSrc = (evtObj.id); this.eNode = (evtObj.nodeName); } else { this.eType = nullMsg; this.eSrc = nullMsg; this.eNode = nullMsg; } } // BEGIN PREFERENCE METHODS this.__showHidePrefs = function(state) { var prefs = __tw.document.getElementById('prefsIFrame'); var trace = __tw.document.getElementById('traceIFrame'); if(prefs.style.display == 'none' || prefs.style.display == '') { prefs.style.display = 'block'; trace.style.display = 'none'; } else { prefs.style.display = 'none'; trace.style.display = 'block'; } } // END PREFERENCE METHODS // UTILITY FUNCTIONS this.__setupPrefs = function() { var prefs = __tw.document.getElementById('prefsIFrame'); var inputs = __pDoc.getElementsByTagName("input"); var inputsLen = inputs.length; for(var i = 0;i