loading DOM+AJAX testing<br />
<script> 

var the_text = '<span><h2>Chat Room AWESOME!!!!1!</h2><br />';

<!-- 
function random_int(lo, hi) { 
    return Math.floor((Math.random() * (hi - lo)) + lo); 
} 

function hello_world(obj) { 
  var r = random_int(0, 255), b = random_int(0, 255), g = random_int(0, 255); 
  var color = r+', '+g+', '+b; 

  obj.setStyle('color', 'rgb('+color+')'); 
} 


function send_line( obj, text ) {
  var text_field = document.getElementById('txt_message');
  
  the_text += text_field.getValue() + '<br />';

  obj.setTextValue( the_text );
  //obj.setInnerXHTML( the_text );
  obj.setScrollTop( obj.getScrollHeight() );

  /**
   *  Turn into a table
   */

}

//--> 

</script>



<a href="#" onclick="hello_world(this)" id="hello">Hello World!</a> 
<div id="boob" onclick="hello_world(this)"> goodbye </div>
<br />

<div id="chat_field" onclick="hello_world(this)" height="300" width="300" border="1" style="left: 5px; top: 50px; width: 530px; 
height: 370px; background-color:#999999; overflow: auto">
OHMG
</div>


<form id="frmmain" name="frmmain" onsubmit="send_line(document.getElementById('chat_field'), 'boob' );">
  <input type="button" name="btn_get_chat" id="btn_get_chat" value="Refresh Chat" onclick="getChatText();" />
  <input type="button" name="btn_reset_chat" id="btn_reset_chat" value="Reset Chat" onclick="resetChat();" /><br />
<input type="text" id="txt_message" name="txt_message" style="width: 447px;" />
  <!--<input type="button" name="btn_send_chat" id="btn_send_chat" value="Send" onclick="hello_world(document.getElementById('boob') );" /> -->
  <input type="button" name="btn_send_chat" id="btn_send_chat" value="Send" onclick="send_line(document.getElementById('chat_field') );" />
</form>