ajaximrpg
363 linhas
16 KiB
JavaScript
363 linhas
16 KiB
JavaScript
///////////////////////////////////
|
|
// ajax im 3.41 //
|
|
// AJAX Instant Messenger //
|
|
// Copyright (c) 2006-2008 //
|
|
// http://www.ajaxim.com/ //
|
|
// Do not remove this notice //
|
|
///////////////////////////////////
|
|
|
|
|
|
/**
|
|
* Chatroom Class
|
|
**/
|
|
var Chatroom = {
|
|
windows: {}, // JavaScript object to store all chatroom windows
|
|
|
|
/**
|
|
* Create a new chatroom
|
|
*
|
|
* @arguments
|
|
* name - chatroom name
|
|
* imTitle - window title, default is chatroom name
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
create: function(name, imTitle) {
|
|
var imLeft = Math.round(Math.random()*(Browser.width()-360))+'px';
|
|
var imTop = Math.round(Math.random()*(Browser.height()-400))+'px';
|
|
|
|
var winId = randomString(32) + '_chat';
|
|
|
|
this.windows[name] = new ChatWindow({id: winId, className: "dialog", width: 475, height: 340, top: imTop, left: imLeft, resizable: true, title: imTitle, draggable: true, detachable: false, minWidth: 475, minHeight: 150, showEffectOptions: {duration: 0}, hideEffectOptions: {duration: 0}});
|
|
|
|
this.windows[name].setConstraint(true, {left: 0, right: 0, top: 0, bottom: 0});
|
|
|
|
this.windows[name].getContent().innerHTML = '<div class="rcvdMessages" id="' + winId + '_rcvd"></div>' + "\n" +
|
|
'<div class="chatUserList" id="' + winId + '_userlist"><ul id="' + winId + '_ul" class="sortable box"><li style="display:none"></li></ul></div>' + "\n" +
|
|
'<div class="imToolbar" id="' + winId + '_toolbar" onmousemove="return false;" onselectstart="return false;"><img src="themes/'+theme+'/window/bold_off.png" onmouseover="buttonHover(this);" onmouseout="buttonNormal(this);" onclick="Chatroom.windows[\'' + name + '\'].toggleBold();" onmousedown="return false;" alt="' + Languages.get('bold') + '" id="' + winId + '_bold" /> ' +
|
|
'<img src="themes/'+theme+'/window/italic_off.png" onmouseover="buttonHover(this);" onmouseout="buttonNormal(this);" onclick="Chatroom.windows[\'' + name + '\'].toggleItalic();" onmousedown="return false;" alt="' + Languages.get('italic') + '" id="' + winId + '_italic" /> '+
|
|
'<img src="themes/'+theme+'/window/underline_off.png" onmouseover="buttonHover(this);" onmouseout="buttonNormal(this);" onclick="Chatroom.windows[\'' + name + '\'].toggleUnderline();" onmousedown="return false;" alt="' + Languages.get('underline') + '" id="' + winId + '_underline" /></div>' +
|
|
' <a href="#" class="setFontLink" id="' + winId + '_setFont" onclick="Chatroom.windows[\'' + name + '\'].toggleFontList();return false;" onselectstart="return false;">Tahoma</a>' +
|
|
' <a href="#" class="setFontSizeLink" id="' + winId + '_setFontSize" onclick="Chatroom.windows[\'' + name + '\'].toggleFontSizeList();return false;" onselectstart="return false;">12</a>' +
|
|
' <a href="#" class="setFontColorLink" id="' + winId + '_setFontColor" onclick="Chatroom.windows[\'' + name + '\'].toggleFontColorList();return false;" onselectstart="return false;"><div id="' + winId + '_setFontColorColor" style="width:14px;height:14px;display:block;"></div></a>' +
|
|
' <a href="#" class="insertEmoticonLink" id="' + winId + '_insertEmoticon" onclick="Chatroom.windows[\'' + name + '\'].toggleEmoticonList();return false;" onselectstart="return false;"><img src="themes/' + theme + '/emoticons/mini_smile.gif" width="14" height="14" style="border:0;" /></a>' +
|
|
"\n" + '<div style="overflow:auto;"><textarea class="inputText" id="' + winId + '_sendBox" onfocus="blinkerOn(false);" onkeypress="return Chatroom.windows[\'' + name + '\'].keyHandler(event);"></textarea></div>';
|
|
|
|
this.windows[name].setRoom(name);
|
|
|
|
$(winId + '_userlist').setStyle({left: (this.windows[name].getSize().width - 155) + 'px', height: (this.windows[name].getSize().height - 12) + 'px'});
|
|
$(winId + '_rcvd').setStyle({marginTop: '5px', height: (this.windows[name].getSize().height - 103) + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
|
|
$(winId + '_toolbar').setStyle({top: (this.windows[name].getSize().height - 73) + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
|
|
$(winId + '_setFont').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_setFontSize').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_setFontColor').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_setFontColorColor').setStyle({backgroundColor: '#000'});
|
|
$(winId + '_insertEmoticon').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
|
|
var sendBox = $(winId + '_sendBox');
|
|
sendBox.setStyle({top: (this.windows[name].getSize().height - 45) + 'px',
|
|
left: '2px',
|
|
width: (this.windows[name].getSize().width - 175) + 'px',
|
|
fontWeight: '400',
|
|
fontStyle: 'normal',
|
|
textDecoration: 'none'});
|
|
|
|
this.windows[name].show();
|
|
this.windows[name].toFront();
|
|
Windows.focusedWindow = this.windows[name];
|
|
setTimeout("$('"+winId+"_sendBox').focus();", 250);
|
|
},
|
|
|
|
/**
|
|
* Process chatroom window resize
|
|
*
|
|
* @arguments
|
|
* name - chatroom name
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
handleResize: function(name) {
|
|
var winId = this.windows[name].getId();
|
|
|
|
$(winId + '_userlist').setStyle({left: (this.windows[name].getSize().width - 155) + 'px', height: (this.windows[name].getSize().height - 12) + 'px'});
|
|
$(winId + '_rcvd').setStyle({height: (this.windows[name].getSize().height - 103) + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
|
|
$(winId + '_toolbar').setStyle({top: (this.windows[name].getSize().height - 73) + 'px', width: (this.windows[name].getSize().width - 170) + 'px'});
|
|
$(winId + '_setFont').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_setFontSize').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_setFontColor').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_setFontColorColor').setStyle({backgroundColor: '#000'});
|
|
$(winId + '_insertEmoticon').setStyle({top: (this.windows[name].getSize().height - 65) + 'px'});
|
|
$(winId + '_sendBox').setStyle({top: (this.windows[name].getSize().height - 45) + 'px', left: '2px', width: (this.windows[name].getSize().width - 175) + 'px'});
|
|
},
|
|
|
|
/**
|
|
* Send request to server to enter a chatroom
|
|
*
|
|
* @argument
|
|
* room - room name user is entering
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
join: function(room) {
|
|
room = room.toLowerCase();
|
|
|
|
var xhConn = new XHConn();
|
|
xhConn.connect(pingTo, "POST", "call=joinroom&room="+room,
|
|
function(xh) {
|
|
if(xh.responseText.indexOf('"') == -1) {
|
|
switch(xh.responseText) {
|
|
case 'already_joined':
|
|
$('newroom_error_msg').innerHTML = Languages.get('alreadyInRoom').replace('%1', room);
|
|
break;
|
|
case 'room_is_user':
|
|
$('newroom_error_msg').innerHTML = Languages.get('invalidRoom');
|
|
break;
|
|
case 'invalid_chars':
|
|
$('newroom_error_msg').innerHTML = Languages.get('invalidRoomChars');
|
|
break;
|
|
}
|
|
} else {
|
|
if(!$(room + '_im')) {
|
|
Chatroom.create(room, room);
|
|
} else {
|
|
if(!Chatroom.windows[room].isVisible()) {
|
|
Chatroom.windows[room].show();
|
|
setTimeout("scrollToBottom('" + room + "_rcvd')", 125);
|
|
}
|
|
}
|
|
var users = xh.responseText.parseJSON().users;
|
|
for(var i=0; i<users.length; i++)
|
|
if(!$(users[i]+'_'+name+'_chatUser')) Chatroom.windows[room].addUser(users[i]);
|
|
Windows.close('newRoom');
|
|
Chatroom.windows[room].toFront();
|
|
setTimeout("$('"+Chatroom.windows[room].getId()+"_sendBox').focus()", 125);
|
|
}
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Proccess the leaving of a chatroom
|
|
*
|
|
* @arguments
|
|
* room - room name the user is leaving
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
leave: function(room) {
|
|
var xhConn = new XHConn();
|
|
xhConn.connect(pingTo, "POST", "call=leaveroom&room="+room, null);
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Chatroom Window Class
|
|
**/
|
|
var ChatWindow = Class.create();
|
|
Object.extend(ChatWindow.prototype, IMWindow.prototype);
|
|
Object.extend(ChatWindow.prototype, {
|
|
curSelected: '', // currnet user selected from the chatroom user list
|
|
|
|
/**
|
|
* Set the class' room name variable
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
setRoom: function(name) {
|
|
this.room = name;
|
|
},
|
|
|
|
/**
|
|
* Add a user to the chatroom user list
|
|
*
|
|
* @arguments
|
|
* username - user to add
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
addUser: function(username) {
|
|
$(this.getId() + '_ul').innerHTML += '<li id="'+username+'_'+this.room+'_chatUser" class="buddy" onmousedown="Chatroom.windows[\'' + this.room + '\'].clickUser(\''+username+'\');return false;" onselectstart="return false;" onmouseover="Chatroom.windows[\'' + this.room + '\'].selectUser(this, \''+username+'\', true);" onmouseout="Chatroom.windows[\'' + this.room + '\'].selectUser(this, \''+username+'\', false);" ondblclick="Chatroom.windows[\'' + this.room + '\'].onUserDblClick();" style="padding:0px;"><img src="themes/' + theme + '/online.png" alt="" id="'+username+'_'+this.room+'_chatImg" /> '+username+'</li>';
|
|
$(username+'_'+this.room+'_chatUser').setStyle({listStyleType: 'none'});
|
|
},
|
|
|
|
/**
|
|
* Remove a user from the chatroom user list
|
|
*
|
|
* @arguments
|
|
* username - user to remove
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
deleteUser: function(username) {
|
|
var toDelete = $(username + '_' + this.room + '_chatUser');
|
|
if(typeof(toDelete) !== 'undefined')
|
|
toDelete.parentNode.removeChild(toDelete);
|
|
},
|
|
|
|
/**
|
|
* Process mouseover and mousout calls for the user list
|
|
*
|
|
* @arguments
|
|
* sel - element
|
|
* username - user's username
|
|
* selected - is mouse over or did it go out
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
selectUser: function(sel, username, selected) {
|
|
if(selected === false) {
|
|
if(this.curSelected != username) {
|
|
try {
|
|
Element.addClassName(sel, 'listNotSelected');
|
|
Element.removeClassName(sel, 'listSelected');
|
|
Element.removeClassName(sel, 'listHover');
|
|
} catch(e) { }
|
|
} else {
|
|
Element.addClassName(sel, 'listSelected');
|
|
Element.removeClassName(sel, 'listNotSelected');
|
|
Element.removeClassName(sel, 'listHover');
|
|
}
|
|
} else {
|
|
Element.addClassName(sel, 'listHover');
|
|
Element.removeClassName(sel, 'listSelected');
|
|
Element.removeClassName(sel, 'listNotSelected');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Process event when a user is clicked
|
|
*
|
|
* @arguments
|
|
* username - the username of the user clicked
|
|
*
|
|
* @author Josh Gross
|
|
**/
|
|
clickUser: function(username) {
|
|
if(this.curSelected.length > 0) {
|
|
try {
|
|
var el = $(this.curSelected + '_' + this.room + '_chatUser');
|
|
Element.addClassName(el, 'listNotSelected');
|
|
Element.removeClassName(el, 'listSelected');
|
|
Element.removeClassName(el, 'listHover');
|
|
} catch(e) { }
|
|
}
|
|
|
|
this.curSelected = username;
|
|
|
|
var oel = $(this.curSelected + '_' + this.room + '_chatUser');
|
|
Element.addClassName(oel, 'listSelected');
|
|
Element.removeClassName(oel, 'listNotSelected');
|
|
Element.removeClassName(oel, 'listHover');
|
|
},
|
|
|
|
/**
|
|
* On DoubleClick of a user from the chatroom user
|
|
* list, start a private IM with him/her.
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
onUserDblClick: function() {
|
|
if(this.curSelected.length > 0) {
|
|
if(typeof(IM.windows[this.curSelected]) == 'undefined') {
|
|
IM.create(this.curSelected, this.curSelected);
|
|
} else {
|
|
if(!IM.windows[this.curSelected].isVisible()) {
|
|
IM.windows[this.curSelected].show();
|
|
IM.windows[this.curSelected].toFront();
|
|
setTimeout("scrollToBottom('" + IM.windows[this.curSelected].getId() + "_rcvd')", 125);
|
|
setTimeout("$('" + IM.windows[this.curSelected].getId() + "_sendBox').focus();", 250);
|
|
} else {
|
|
IM.windows[this.curSelected].toFront();
|
|
setTimeout("$('" + IM.windows[this.curSelected].getId() + "_sendBox').focus();", 250);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|
|
|
|
/**
|
|
* Class to handle the window of the chat rooms
|
|
**/
|
|
var ChatroomList = {
|
|
curSelected: '', // current selected chat room
|
|
|
|
/**
|
|
* Get list of chat rooms that exist
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
get: function(applyTo) {
|
|
var xhConn = new XHConn();
|
|
|
|
xhConn.connect(pingTo, "POST", "call=roomlist", function(xh) {
|
|
var rooms = xh.responseText.parseJSON();
|
|
|
|
applyTo.innerHTML = '<ul id="join_room_ul" class="sortable box" style="padding: 0px; margin: 0px;"><li style="display:none;"></li>';
|
|
|
|
if(rooms.length > 0 || predefRooms.length > 0) {
|
|
for(var i=0; i<rooms.length; i++) {
|
|
var hexmd5 = hex_md5(rooms[i]);
|
|
if (!$('chatroom_list_' + hexmd5)) {
|
|
applyTo.innerHTML += '<li id="chatroom_list_' + hexmd5 + '" class="buddy" style="padding-left:1%;" onmousedown="ChatroomList.clickRoom(\'' + rooms[i] + '\');return false;" onmouseover="ChatroomList.selectRoom(this, \'' + rooms[i] + '\', true);" onmouseout="ChatroomList.selectRoom(this, \'' + rooms[i] + '\', false);">' + rooms[i] + '</li>';
|
|
}
|
|
}
|
|
|
|
for(var i=0; i<predefRooms.length; i++) {
|
|
var hexmd5 = hex_md5(predefRooms[i]);
|
|
if (!$('chatroom_list_' + hexmd5)) {
|
|
applyTo.innerHTML += '<li id="chatroom_list_' + hexmd5 + '" class="buddy" style="padding-left:1%;" onmousedown="ChatroomList.clickRoom(\'' + predefRooms[i] + '\');return false;" onmouseover="ChatroomList.selectRoom(this, \'' + predefRooms[i] + '\', true);" onmouseout="ChatroomList.selectRoom(this, \'' + predefRooms[i] + '\', false);">' + predefRooms[i] + '</li>';
|
|
}
|
|
}
|
|
} else {
|
|
applyTo.innerHTML += '<li class="buddy" style="margin: 2px 0px 0px 0px; padding: 0px; text-align: center;">' + Languages.get('noRoomsExist') + '</li>';
|
|
}
|
|
applyTo.innerHTML += '</ul>';
|
|
});
|
|
},
|
|
|
|
/**
|
|
* Proccess mouseover and mouseout of list items
|
|
*
|
|
* @arguments
|
|
* sel - list element
|
|
* roomname - chatroom name
|
|
* selected - did mouse go over or out
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
selectRoom: function(sel, roomname, selected) {
|
|
if(selected === false) {
|
|
if(this.curSelected != roomname) {
|
|
try {
|
|
Element.addClassName(sel, 'listNotSelected').removeClassName('listSelected').removeClassName('listHover');
|
|
} catch(e) { }
|
|
} else {
|
|
Element.addClassName(sel, 'listSelected').removeClassName('listNotSelected').removeClassName('listHover');
|
|
}
|
|
} else {
|
|
Element.addClassName(sel, 'listHover').removeClassName('listSelected').removeClassName('listNotSelected');
|
|
}
|
|
},
|
|
|
|
/**
|
|
* Process the clicking of a room
|
|
*
|
|
* @arguments
|
|
* roomname - room that was clicked
|
|
*
|
|
* @author Joshua Gross
|
|
**/
|
|
clickRoom: function(roomname) {
|
|
if(this.curSelected.length > 0) {
|
|
try {
|
|
Element.addClassName($('chatroom_list_' + hex_md5(this.curSelected)), 'listNotSelected').removeClassName('listSelected').removeClassName('listHover');
|
|
} catch(e) { }
|
|
}
|
|
|
|
this.curSelected = roomname;
|
|
$('roomname').value = roomname;
|
|
|
|
Element.addClassName($('chatroom_list_' + hex_md5(roomname)), 'listSelected').removeClassName('listNotSelected').removeClassName('listHover');
|
|
}
|
|
};
|