1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108
| // OOP Way
fbChat = {
bootChat: function() {
var chatArea = $('#chatMsg'),
that = this;
// Load the messages every 5 seconds
setInterval(this.getMessages, 1000);
// Bind the keyboard event
chatArea.bind('keydown', function(event) {
if (event.keyCode == 13 && event.shiftKey == false) {
var message = chatArea.val();
if (message.length !== 0) {
that.sendMessage(message);
event.preventDefault();
} else {
alert('Provide a message to send!');
}
}
});
},
sendMessage: function(message) {
var that = this;
$.ajax({
url: 'ajax/add_msg.php',
method: 'post',
data: {msg: message},
success: function(data) {
$('#chatMsg').val('');
that.getMessages();
}
});
},
getMessages: function() {
$.ajax({
url: 'essai.php',
method: 'GET',
success: function(data) {
$('.msg-wgt-body').html(data);
}
});
}
};
// Initialize the chat
//fbChat.bootChat();
// Procedural way
/**
* Add a new chat message
*
* @param {string} message
*/
function send_message(message) {
$.ajax({
url: 'ajax/add_msg.php',
method: 'post',
data: {msg: message},
success: function(data) {
$('#chatMsg').val('');
get_messages();
}
});
}
/**
* Get's the chat messages.
*/
function get_messages() {
$.ajax({
url: 'essai.php',
method: 'GET',
success: function(data) {
$('.msg-wgt-body').html(data);
}
});
}
/**
* Initializes the chat application
*/
function boot_chat() {
var chatArea = $('#chatMsg');
// Load the messages every 5 seconds
setInterval(get_messages, 1000);
// Bind the keyboard event
chatArea.bind('keydown', function(event) {
// Check if enter is pressed without pressing the shiftKey
if (event.keyCode == 13 && event.shiftKey == false) {
var message = chatArea.val();
// Check if the message is not empty
if (message.length !== 0) {
send_message(message);
event.preventDefault();
} else {
alert('Provide a message to send!');
chatArea.val('');
}
}
});
}
// Initialize the chat
boot_chat(); |
Partager