document.write('<div class="javascript" style="font-family: monospace;"><br />');
document.write('<br />');
document.write('<span style="color: #003366; font-weight: bold;">var</span> dwin = <span style="color: #003366; font-weight: bold;">null</span>;<br />');
document.write('<span style="color: #003366; font-weight: bold;">function</span> debug<span style="color: #66cc66;">&#40;</span>msg<span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; <span style="color: #000066; font-weight: bold;">if</span> <span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#40;</span>dwin == <span style="color: #003366; font-weight: bold;">null</span><span style="color: #66cc66;">&#41;</span> || <span style="color: #66cc66;">&#40;</span>dwin.<span style="color: #006600;">closed</span><span style="color: #66cc66;">&#41;</span><span style="color: #66cc66;">&#41;</span> <span style="color: #66cc66;">&#123;</span><br />');
document.write('&nbsp; &nbsp; &nbsp; dwin = window.<span style="color: #000066;">open</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;&quot;</span>,<span style="color: #3366CC;">&quot;debugconsole&quot;</span>,<span style="color: #3366CC;">&quot;scrollbars=yes,resizable=yes,height=100,width=300&quot;</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; &nbsp; dwin.<span style="color: #006600;">document</span>.<span style="color: #000066;">open</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">&quot;text/html&quot;</span>, <span style="color: #3366CC;">&quot;replace&quot;</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; <span style="color: #66cc66;">&#125;</span><br />');
document.write('&nbsp; &nbsp; dwin.<span style="color: #006600;">document</span>.<span style="color: #006600;">writeln</span><span style="color: #66cc66;">&#40;</span><span style="color: #3366CC;">\'&lt;br/&gt;\'</span>+msg<span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; dwin.<span style="color: #006600;">scrollTo</span><span style="color: #66cc66;">&#40;</span><span style="color: #CC0000;">0</span>,<span style="color: #CC0000;">10000</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; dwin.<span style="color: #000066;">focus</span><span style="color: #66cc66;">&#40;</span><span style="color: #66cc66;">&#41;</span>;<br />');
document.write('&nbsp; &nbsp; <span style="color: #009900; font-style: italic;">// dwin.document.close();&nbsp; // uncomment this if you want to see only last message , not all the previous messages</span><br />');
document.write('<span style="color: #66cc66;">&#125;</span><br />');
document.write('<br />');
document.write('<br />');
document.write('&nbsp;</div>');
document.write('');
document.write('add the above code in you page first.');
document.write('');
document.write('Try the following for example.');
document.write('for(var i=0;i<10;i++){');
document.write(' debug(i);');
document.write(' //... you other statements here');
document.write('}');
document.write('');
document.write('this will open a new debug window and show/ouputs the value of i ');
document.write('<br />&nbsp;<br /><div style="font-size: 12px">Brought to you by the community at <a href="http://www.bytemycode.com/snippets/snippet/396/1/" target="_blank">byteMyCode</a>.</div>');
