<title>Citadel Instant Messenger</title>
<script type="text/javascript" src="prototype.js"></script>
<script type="text/javascript" src="wclib.js"></script>
+ <script type="text/javascript" src="authmethods.js"></script>
</head>
-<body>
+<body onLoad='FetchNewMsgs();'>
-<div id="main">
-The buttons to toggle between conversations will go here.
-<hr>
+<div id="thetop" style="position:fixed;width:100%;height:15%;top:0%;left:0%">
+<div id="spacer1" style="background:#aaaaaa"><br></div>
+<div id="tab_bar" style="background:#aaaaaa"> </div>
+<div id="spacer2" style="background:#aaaaaa"><br></div>
</div>
+<div id="main" style="position:fixed;width:100%;height:85%;top:15%;left:0%;overflow:auto;background:#ffffff"></div>
+
<script type="text/javascript">
+/*
+ * Copyright 2000 - 2010 The Citadel Team
+ * Licensed under the GPL V3
+ *
+ * Chat window for Person 2 Person Chat
+ *
+ */
var gexp_divs = new Array();
var num_gexp_divs = 0;
var shown_div = '';
+var my_name = '';
function SendSomething(which_div, sendform, recipient) {
thetext = document.forms[sendform].elements['sendthis'].value;
// Clear the box
document.forms[sendform].elements['sendthis'].value = '';
- // Write it to the window
+ // Write it to the tab
$(which_div).innerHTML = $(which_div).innerHTML
+ '<b>'
+ '<font color=\"#FF0000\">'
- + 'Me (FIXME)'
+ + my_name
+ '</font>'
+ ':</b> '
+ thetext
- + '<br />\n';
+ + '<br>\n';
+
+ // Scroll to the bottom of the tab
+ $('main').scrollTop = 999999;
// Send the text to the server
parms = 'r=' + Math.random()
- + '&g_cmd=SEXP ' + recipient + '|' + thetext;
- new Ajax.Request('../ajax_servcmd',
+ + '&recp=' + encodeURIComponent(recipient)
+ + '&msg=' + encodeURIComponent(thetext);
+ new Ajax.Request('../ajax_send_instant_message',
{
- method: 'get',
- parameters: parms,
+ method: 'post',
+ parameters: parms
}
);
+ // Refocus to the text box
+ document.forms[sendform].elements['sendthis'].focus();
+
// Don't submit the form
return false;
}
+function TabSelect(which_div) {
+ if (shown_div != '') {
+ $(shown_div).style.display = 'none' ;
+ if ($('select_'+shown_div)) {
+ $('select_'+shown_div).style.fontWeight = 'normal';
+ $('select_'+shown_div).style.backgroundColor = '#cccccc';
+ }
+ }
+ shown_div = 'tab_' + which_div;
+ $(shown_div).style.display = 'block' ;
+ if ($('select_'+shown_div)) {
+ $('select_'+shown_div).style.fontWeight='bold';
+ $('select_'+shown_div).style.backgroundColor = '#ffffff';
+ }
+}
+
+
function ShowNewMsg(gexp_xmlresponse) {
// It isn't really XML. It's a Citadel server response.
gexp_divs[num_gexp_divs] = sender;
which_div = 'gexp' + num_gexp_divs;
++num_gexp_divs;
- $('main').innerHTML = $('main').innerHTML
- + '<div id=\"tab_' + which_div + '\" style=\"display:none\">'
- + '<div id=\"' + which_div + '\"></div>'
- + '<div id=\"response_' + which_div + '\">'
+ $('main').innerHTML =
+ $('main').innerHTML
+ + '<div id=\"tab_' + which_div + '\" style=\"display:none;cursor:pointer\">'
+ + '<div id=\"' + which_div + '\">'
+ + '<br><br><br><br><br><br><br><br><br><br>'
+ + '<br><br><br><br><br><br><br><br><br><br>'
+ + '</div>'
+ + '<div align=\"center\" id=\"response_'
+ + which_div + '\" style=\"background:#ddddee\">'
+ '<br><form method=\"post\" action=\"null\" name=\"sendform_' + which_div + '\" '
+ 'onSubmit=\"return SendSomething(\'' + which_div + '\', \'sendform_'
+ which_div + '\', \'' + sender + '\');\">'
- + '<input type=\"text\" size=\"80\" maxlength=\"80\" name=\"sendthis\">'
+ + '<img src=\"webcit_icons/essen/16x16/chat.png\"> '
+ + '<input type=\"text\" size=\"72\" maxlength=\"600\" name=\"sendthis\">'
+ '</form>'
- + '</div>'
+ + '<br></div>'
+ '</div>\n';
+ $('tab_bar').innerHTML =
+ $('tab_bar').innerHTML
+ + '<span id=\"select_tab_' + which_div + '\" onClick=\"TabSelect(\'' + which_div + '\');\">'
+ + ' ' + sender + ' '
+ + '</span> ';
+
+ // Raise the window in case it was buried
+ window.focus();
}
// Switch tabs
- if (shown_div != '') {
- $(shown_div).style.display = 'none' ;
- }
- shown_div = 'tab_' + which_div;
- $(shown_div).style.display = 'block' ;
+ TabSelect(which_div);
// Write it to the tab
$(which_div).innerHTML = $(which_div).innerHTML
+ '</font>'
+ ':</b> '
+ the_message
- + '<br />\n';
+ + '<br>\n';
+
+ // Scroll to the bottom of the tab
+ $('main').scrollTop = 999999;
+
+ // Refocus to the send box
+ document.forms['sendform_'+which_div].elements['sendthis'].focus();
+
+ // Keep trying for new messages until the server tells us to stop.
+ FetchNewMsgs();
}
// This is called periodically to check for new incoming messages
function FetchNewMsgs() {
- parms = 'g_cmd=GEXP&r=' + Math.random();
+ parms = encodeURI('g_cmd=GEXP&r=' + Math.random());
new Ajax.Request('../ajax_servcmd',
{
method: 'get',
);
}
-// ...and here's how we cause it to be called periodically.
-new PeriodicalExecuter(FetchNewMsgs, 3);
+// Perform some initialization.
+parms = encodeURI('g_cmd=GREG _SELF_&r=' + Math.random());
+new Ajax.Request('../ajax_servcmd',
+ {
+ method: 'get',
+ parameters: parms,
+ onSuccess: GrabMyName
+ }
+);
+
+// Learn my name.
+function GrabMyName(greg_xmlresponse) {
+
+ // It isn't really XML. It's a Citadel server response.
+ greg_response = greg_xmlresponse.responseText;
+
+ if (greg_response.substring(0, 1) != '1') {
+ return;
+ }
+
+ // Extract fields...
+ breakpos = greg_response.indexOf('\n');
+ result = greg_response.substring(0, breakpos);
+ my_name = result.substring(4);
+}
+
+
+// Cause FetchNewMsgs() to be called periodically.
+new PeriodicalExecuter(FetchNewMsgs, 10);
</script>