jsDebugWin

Features 1. Real time DHTML/DOM manipulation 2. Dynamic function prototyping 3. Debug console 4. Javascript command history 5. Debug helper features (onerror, timers) Quick links Functions Overview Simple Demo Feedback [Download]

• jsdebug(debug)
  Prints out any expressions defined in 'debug' on the debug window
  
  
• jsTimedDebug(debug)
  Adds a timestamp to the debug output.
  
  
• jsDelayedDebug(debug,millis)
  Delays refreshing of the debug window by 'millis' milliseconds. Ensures that the debug window
  does not interfere with script functions. Useful when executing multiple debug statements within a
  short time frame (ie. in loops).
  
  
• jsGetElem(elemId)
  A debugging shortcut to the document.all and document.getElementById functions.
  ie. foo = jsGetElem("mydiv") instead of foo = document.getElementById("mydiv");
  
  
• jsDebugError(msg,url,linenumber)
  A Javascript error trap routine. (to enable: window.onerror = jsDebugError)
  Sends Javascript errors to the debug window.
  IE: Script Debugging needs to be turned off (Tools -> Internet Options -> Advanced)
  NN7x: Does not trap errors entered in the debug input box.
  Opera: Error trapping feature not supported.
  

   <script src="jsdebugwin.js"></script>

       javascript:jsdebug()

       <a href="javascript:jsdebug()">[launch jsDebugWin]</a>

     <script>
        jsdebug();
     </script>

     <script>
        jsDebugOK = false;
     </script>

Small input: Ideal for short statements. To enter quick successive statements, press the Enter key after each statement instead of clicking the "Run" button.	Large input: For more complicated debug statements.
When doing intensive debugging via the debug input box, it is recommended that you use IE5+ and click on the "Trap error" option. This will trap any syntax errors. (The script is unable to trap input box errors on Netscape and Opera).
Do not declare variables within the input box with var Variables that are declared with var has local scope and will not be accessible after the execution call. Only use var if you want the variable to exist only within the execution "block" (ie. for loops and stuff) Instead of: var color = "red"; do color = "red";

  Example:
    addMe = function(a,b){
      jsdebug("result = "+(a+b));
    }

   jsdebug(addMe);

  <script>
    changeColor = function(color){
      var thediv = document.getElementById("demodiv");
      thediv.style.backgroundColor = color;
      jsdebug("The new color is: "+color);
    }
  </script>

   changeColor("blue");