/******************************************************************************
* apc.js
* ----------------------------------------------------------------------------
* DO NOT MODIFY OR REMOVE THIS COPYRIGHT SECTION
* ----------------------------------------------------------------------------
* Author : Marco Cosentino (technics@alice.it)
* Copyright : 2009 (c) Marco Cosentino
* License : GPL 2.0
* Application : AJAX Perl chat
* Version : 0.1
* Date Started : 2009/02/15
* Last Modified:
*
* This is a shoubox written in Perl / Javascript
*
This file is part of AJAX Perl chat.
AJAX Perl chat is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.
AJAX Perl chat is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
GNU General Public License for more details.
You should have received a copy of the GNU General Public License
along with AJAX Perl chat. If not, see .
******************************************************************************/
function AJAXPerlChat()
{
// Config params
this.cgiDir = "/cgi-bin/apc/";
this.documentDir = "/apc/";
///////////////////////////
this.ajax = false;
this.chatFrame = null;
this.lastMsgId = 0;
this.failedRequests = 0;
this.stick = true;
this.started = false;
this.resetted = false;
this.nickInput = null;
this.textInput = null;
this.adminLink = null;
this.refreshAJAXObj = null;
this.submitAJAXObj = null;
}
AJAXPerlChat.prototype.InstallAJAXObjects = function()
{
var self = this;
// The AJAX Objects
this.refreshAJAXObj = new AJAXObj();
this.submitAJAXObj = new AJAXObj();
// Data receive callback for refresh request
this.refreshAJAXObj.onReceiveResponse = function(status,statusText,responseText)
{
switch(status)
{
case 200:
self.failedRequests = 0;
if(responseText != "")
self.ReceiveChatData(responseText);
break;
default:
// We had some troubles
self.HandleFailedRequest();
break;
}
}
// Timeout callback for refresh request
this.refreshAJAXObj.onRequestTimeout = function()
{
// We had timeout
self.refreshAJAXObj.abort();
//self.PushChatData('DEBUG : HTTP request timeout during refresh
');
self.HandleFailedRequest();
}
if(this.refreshAJAXObj.CreateRequest())
this.ajax = true;
else
return;
// Data receive callback for submit request
this.submitAJAXObj.onReceiveResponse = function(status,statusText,responseText)
{
self.nickInput.disabled = false;
self.textInput.disabled = false;
if(status != 200)
{
// We had some troubles
self.HandleFailedRequest();
}
else
{
self.textInput.value = "";
self.textInput.focus();
}
}
// Timeout callback for submit request
this.submitAJAXObj.onRequestTimeout = function()
{
// We had timeout
self.submitAJAXObj.abort();
self.HandleFailedRequest();
}
this.submitAJAXObj.onRequestAborted = function()
{
if( self.nickInput != undefined )
self.nickInput.disabled = false;
if( self.nickInput != undefined )
self.textInput.disabled = false;
}
if(this.submitAJAXObj.CreateRequest())
this.ajax = true;
else
return;
}
// This function can be overriden to install different handlers or to use different objects
AJAXPerlChat.prototype.InstallControls = function()
{
var self = this;
this.chatFrame = document.getElementById("apc_chatframe");
// Install handlers for chat controls
this.nickInput = document.getElementById("apc_nick");
this.textInput = document.getElementById("apc_text");
this.adminLink = document.getElementById("apc_adminlink");
this.nickInput.disabled = true;
this.textInput.disabled = true;
this.nickInput.onfocus = function(event) { if(self.nickInput.value == 'Nickname') self.nickInput.value = ''; }
this.nickInput.onblur = function(event) { if(self.nickInput.value == '') self.nickInput.value = 'Nickname'; }
this.nickInput.onkeydown = function(event) { if(event == undefined) event = window.event; if(event.keyCode && event.keyCode==13) self.textInput.focus(); }
this.textInput.onkeydown = function(event) { if(event == undefined) event = window.event; if(event.keyCode && event.keyCode==13) self.Submit(); }
this.adminLink.onclick = function(event)
{
open(self.documentDir + 'admin.html','AjaxPerlChatADMIN','width=620,height=500,status');
}
this.chatFrame.onscroll = function(event)
{
if(self.chatFrame.scrollTop == self.chatFrame.scrollHeight - self.chatFrame.clientHeight)
self.stick = true;
else
self.stick = false;
}
}
AJAXPerlChat.prototype.Start = function()
{
var self = this;
this.interval = setInterval(function(){self.Refresh()},1000);
this.started = true;
if( this.nickInput != undefined )
this.nickInput.disabled = false;
if( this.textInput != undefined )
this.textInput.disabled = false;
}
AJAXPerlChat.prototype.Stop = function()
{
if(this.interval)
clearInterval(this.interval);
if(this.overloadTimer)
clearTimeout(this.overloadTimer);
this.started = false;
if( this.nickInput != undefined )
this.nickInput.disabled = true;
if( this.textInput != undefined )
this.textInput.disabled = true;
}
AJAXPerlChat.prototype.Overload = function()
{
var self = this;
this.Stop();
this.PushChatData("La chat è temporaneamente fuori uso. Attendere 10 secondi
");
this.overloadTimer = setTimeout(function(){ self.Reset(); self.Start()},10000);
}
AJAXPerlChat.prototype.Refresh = function()
{
if(!this.ajax || !this.started) return;
this.refreshAJAXObj.SendRequest(this.cgiDir + "refresh.cgi?lid=" + this.lastMsgId,null,950,false);
}
AJAXPerlChat.prototype.Reset = function()
{
this.resetted = true;
this.lastMsgId = 0;
this.failedRequests = 0;
}
AJAXPerlChat.prototype.ReceiveChatData = function(receivedText)
{
if(receivedText == 'RESET')
{
this.Reset();
return;
}
// Here we format the data
var lines = receivedText.split('\n');
var output = "";
for(var i = 0; i' + elements[3] + '' + elements[4] + ': ' + elements[5] + ' | ';
this.lastMsgId = elements[0];
}
if(this.resetted)
{
this.resetted = false;
this.chatFrame.innerHTML = "";
}
this.PushChatData(output);
}
AJAXPerlChat.prototype.PushChatData = function(formatted)
{
this.chatFrame.innerHTML += formatted;
if(this.chatFrame.scrollHeight > this.chatFrame.clientHeight && this.stick)
this.chatFrame.scrollTop = this.chatFrame.scrollHeight - this.chatFrame.clientHeight;
}
AJAXPerlChat.prototype.Submit = function()
{
if(!this.ajax) return;
if(!this.started) return;
// For old browser compatibility
var username,usertext;
if (encodeURIComponent)
{
username = encodeURIComponent(this.nickInput.value);
usertext = encodeURIComponent(this.textInput.value);
}
else
{
username = escape(this.nickInput.value);
usertext = escape(this.textInput.value);
}
this.submitAJAXObj.SendRequest(this.cgiDir + "incoming.cgi?user=" + username + "&text=" + usertext,null,1500,false);
if( this.nickInput != undefined )
this.nickInput.disabled = true;
if( this.textInput != undefined )
this.textInput.disabled = true;
}
AJAXPerlChat.prototype.HandleFailedRequest = function()
{
this.failedRequests ++;
if(this.failedRequests > 5) this.Overload();
}
function decode_utf8( s )
{
return decodeURIComponent( escape( s ) );
}
function htmlentities (string, quote_style) {
// http://kevin.vanzonneveld.net
// + original by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + improved by: nobbler
// + tweaked by: Jack
// + bugfixed by: Onno Marsman
// + revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// - depends on: get_html_translation_table
// * example 1: htmlentities('Kevin & van Zonneveld');
// * returns 1: 'Kevin & van Zonneveld'
var histogram = {}, symbol = '', tmp_str = '', entity = '';
tmp_str = string.toString();
if (false === (histogram = get_html_translation_table('HTML_ENTITIES', quote_style))) {
return false;
}
for (symbol in histogram) {
entity = histogram[symbol];
tmp_str = tmp_str.split(symbol).join(entity);
}
return tmp_str;
}
function get_html_translation_table(table, quote_style) {
// http://kevin.vanzonneveld.net
// + original by: Philip Peterson
// + revised by: Kevin van Zonneveld (http://kevin.vanzonneveld.net)
// + bugfixed by: noname
// + bugfixed by: Alex
// + bugfixed by: Marco
// % note: It has been decided that we're not going to add global
// % note: dependencies to php.js. Meaning the constants are not
// % note: real constants, but strings instead. integers are also supported if someone
// % note: chooses to create the constants themselves.
// % note: Table from http://www.the-art-of-web.com/html/character-codes/
// * example 1: get_html_translation_table('HTML_SPECIALCHARS');
// * returns 1: {'"': '"', '&': '&', '<': '<', '>': '>'}
var entities = {}, histogram = {}, decimal = 0, symbol = '';
var constMappingTable = {}, constMappingQuoteStyle = {};
var useTable = {}, useQuoteStyle = {};
useTable = (table ? table.toUpperCase() : 'HTML_SPECIALCHARS');
useQuoteStyle = (quote_style ? quote_style.toUpperCase() : 'ENT_COMPAT');
// Translate arguments
constMappingTable[0] = 'HTML_SPECIALCHARS';
constMappingTable[1] = 'HTML_ENTITIES';
constMappingQuoteStyle[0] = 'ENT_NOQUOTES';
constMappingQuoteStyle[2] = 'ENT_COMPAT';
constMappingQuoteStyle[3] = 'ENT_QUOTES';
// Map numbers to strings for compatibilty with PHP constants
if (!isNaN(useTable)) {
useTable = constMappingTable[useTable];
}
if (!isNaN(useQuoteStyle)) {
useQuoteStyle = constMappingQuoteStyle[useQuoteStyle];
}
if (useQuoteStyle != 'ENT_NOQUOTES') {
entities['34'] = '"';
}
if (useQuoteStyle == 'ENT_QUOTES') {
entities['39'] = ''';
}
if (useTable == 'HTML_SPECIALCHARS') {
// ascii decimals for better compatibility
entities['38'] = '&';
entities['60'] = '<';
entities['62'] = '>';
} else if (useTable == 'HTML_ENTITIES') {
// ascii decimals for better compatibility
entities['38'] = '&';
entities['60'] = '<';
entities['62'] = '>';
entities['160'] = ' ';
entities['161'] = '¡';
entities['162'] = '¢';
entities['163'] = '£';
entities['164'] = '¤';
entities['165'] = '¥';
entities['166'] = '¦';
entities['167'] = '§';
entities['168'] = '¨';
entities['169'] = '©';
entities['170'] = 'ª';
entities['171'] = '«';
entities['172'] = '¬';
entities['173'] = '';
entities['174'] = '®';
entities['175'] = '¯';
entities['176'] = '°';
entities['177'] = '±';
entities['178'] = '²';
entities['179'] = '³';
entities['180'] = '´';
entities['181'] = 'µ';
entities['182'] = '¶';
entities['183'] = '·';
entities['184'] = '¸';
entities['185'] = '¹';
entities['186'] = 'º';
entities['187'] = '»';
entities['188'] = '¼';
entities['189'] = '½';
entities['190'] = '¾';
entities['191'] = '¿';
entities['192'] = 'À';
entities['193'] = 'Á';
entities['194'] = 'Â';
entities['195'] = 'Ã';
entities['196'] = 'Ä';
entities['197'] = 'Å';
entities['198'] = 'Æ';
entities['199'] = 'Ç';
entities['200'] = 'È';
entities['201'] = 'É';
entities['202'] = 'Ê';
entities['203'] = 'Ë';
entities['204'] = 'Ì';
entities['205'] = 'Í';
entities['206'] = 'Î';
entities['207'] = 'Ï';
entities['208'] = 'Ð';
entities['209'] = 'Ñ';
entities['210'] = 'Ò';
entities['211'] = 'Ó';
entities['212'] = 'Ô';
entities['213'] = 'Õ';
entities['214'] = 'Ö';
entities['215'] = '×';
entities['216'] = 'Ø';
entities['217'] = 'Ù';
entities['218'] = 'Ú';
entities['219'] = 'Û';
entities['220'] = 'Ü';
entities['221'] = 'Ý';
entities['222'] = 'Þ';
entities['223'] = 'ß';
entities['224'] = 'à';
entities['225'] = 'á';
entities['226'] = 'â';
entities['227'] = 'ã';
entities['228'] = 'ä';
entities['229'] = 'å';
entities['230'] = 'æ';
entities['231'] = 'ç';
entities['232'] = 'è';
entities['233'] = 'é';
entities['234'] = 'ê';
entities['235'] = 'ë';
entities['236'] = 'ì';
entities['237'] = 'í';
entities['238'] = 'î';
entities['239'] = 'ï';
entities['240'] = 'ð';
entities['241'] = 'ñ';
entities['242'] = 'ò';
entities['243'] = 'ó';
entities['244'] = 'ô';
entities['245'] = 'õ';
entities['246'] = 'ö';
entities['247'] = '÷';
entities['248'] = 'ø';
entities['249'] = 'ù';
entities['250'] = 'ú';
entities['251'] = 'û';
entities['252'] = 'ü';
entities['253'] = 'ý';
entities['254'] = 'þ';
entities['255'] = 'ÿ';
} else {
throw Error("Table: "+useTable+' not supported');
return false;
}
// ascii decimals to real symbols
for (decimal in entities) {
symbol = String.fromCharCode(decimal);
histogram[symbol] = entities[decimal];
}
return histogram;
}