webcit/static/t/roomchat.html

   1 <div id="chatrecv_history" class="chatrecv_history_class"></div>
   2 <div id="chatrecv" class="chatrecv_class"></div>
   3 <div id="chat_userlist" class="chat_userlist_class"></div>
   4 <div id="chatsend" class="chatsend_class">
   5         <form method="POST" onsubmit="return chatsendfunc()" action="chat_send" id="chatsendid" name="chatsendform">
   6         <input type="hidden" name="nonce" value="<?NONCE>">
   7         <img src="static/webcit_icons/essen/32x32/chat.png" alt="">
   8         <textarea id="send_this_id" name="send_this" rows="4" cols="78"
   9                 onKeyPress="chat_enter(event);"></textarea>
  10         <input type="submit" value="<?_("Send")>">
  11         <iframe style="width:0px; height:0px; border: 0px" src="static/roomchat_unload.html"></iframe>
  12 </div>
  13
  14 <script type="text/javascript">
  15
  16 function chatsendfunc() {
  17         $('chatsendid').request({
  18                 onComplete: function(){ $('send_this_id').value = '' }
  19         })
  20         return false;
  21 }
  22
  23 function chat_enter(evt) {
  24         var charCode = (evt.which) ? evt.which : window.event.keyCode;
  25         if (charCode == 13) {
  26                 chatsendfunc();
  27         }
  28 }
  29
  30 new Ajax.PeriodicalUpdater('chatrecv', 'chat_recv', {
  31         method: 'get', frequency: 2,
  32                 onSuccess: function(){
  33                         $('chatrecv_history').innerHTML =
  34                                 $('chatrecv_history').innerHTML + $('chatrecv').innerHTML;
  35                         $('chatrecv').innerHTML = '';
  36                         $('chatrecv_history').scrollTop = 9999999;
  37                 }
  38 });
  39
  40 new Ajax.PeriodicalUpdater('chat_userlist', 'chat_rwho', {
  41         method: 'get', frequency: 15
  42 });
  43
  44 </script>