adjust case

[citadel.git] / webcit / static / t / roomchat.html

diff --git a/webcit/static/t/roomchat.html b/webcit/static/t/roomchat.html
index 87eefe009408fb9869d4141d60c6a2c6151d4b1f..b37aa2dacf275c0bedb8b8fd73d8765ac9f70f46 100644 (file)
--- a/webcit/static/t/roomchat.html
+++ b/webcit/static/t/roomchat.html
@@ -1,15 +1,14 @@
-<div id="chatrecv">
-This is the receiving side of the chat window, fee fie foe foo
-</div>
-<div id="chatsend">
-<form method="POST" onsubmit="return chatsendfunc()" action="chat_send" id="chatsendid" name="chatsendform">
-<input type="hidden" name="nonce" value="<?NONCE>">
-<input type="text" size="80" maxlength="1024" id="send_this_id" name="send_this">
-<br />
-<input type="submit" name="send_button" value="<?_("Send")>">
-<input type="submit" name="help_button" value="<?_("Help")>">
-<input type="submit" name="list_button" value="<?_("List users")>">
-<input type="submit" name="exit_button" value="<?_("Exit")>">
+<div id="chatrecv_history" class="chatrecv_history_class"></div>
+<div id="chatrecv" class="chatrecv_class"></div>
+<div id="chat_userlist" class="chat_userlist_class"></div>
+<div id="chatsend" class="chatsend_class">
+       <form method="POST" onsubmit="return chatsendfunc()" action="chat_send" id="chatsendid" name="chatsendform">
+       <input type="hidden" name="nonce" value="<?NONCE>">
+       <img src="static/webcit_icons/essen/32x32/chat.png" alt="">
+       <textarea id="send_this_id" name="send_this" rows="4" cols="78"
+               onKeyPress="chat_enter(event);"></textarea>
+       <input type="submit" value="<?_("Send")>">
+       <iframe style="width:0px; height:0px; border: 0px" src="static/roomchat_unload.html"></iframe>
 </div>
 
 <script type="text/javascript">
@@ -21,8 +20,25 @@ function chatsendfunc() {
        return false;
 }
 
+function chat_enter(evt) {
+       var charCode = (evt.which) ? evt.which : window.event.keyCode; 
+       if (charCode == 13) {
+               chatsendfunc();
+       }
+}
+
 new Ajax.PeriodicalUpdater('chatrecv', 'chat_recv', {
-       method: 'get', frequency: 2, insertion: 'bottom'
+       method: 'get', frequency: 2,
+               onSuccess: function(){ 
+                       $('chatrecv_history').innerHTML =
+                               $('chatrecv_history').innerHTML + $('chatrecv').innerHTML;
+                       $('chatrecv').innerHTML = '';
+                       $('chatrecv_history').scrollTop = 9999999;
+               }
+});
+
+new Ajax.PeriodicalUpdater('chat_userlist', 'chat_rwho', {
+       method: 'get', frequency: 15
 });
 
 </script>