Ajax chat combined with HTML,CSS,Jquery,SQL,PHP... ideas?

[Hyperion (noobKID)]

so you would have me to make a kind of counter saying that if user in-active for XXX seconds/minutes, he will be logged off chat-room for in-activity?...

could work actually...
but how to do that?, via sessions?... i know how to make sessions, but not via time, i would need help to that part i think Oo...

[elephant]

http://stackoverflow.com/questions/5313641/scaling-a-chat-app-short-polling-vs-long-polling-ajax-php

[Hyperion (noobKID)]

Hello U-232

this time i have a question more then i need support kinda...

i am currently working on a Ajax chat, but this one is a little bit different than the normal shoutbox mod, this one is more a live-time ajax chat, between friends,and public chat..

im still working on it, but the idea is to create one like facebook, just a little bit different.

for instance:

1. public chat
------------------

i had this idea to create a button on the chat-bar, so it will by Jquery (to look cooler), from bottom to top take up a full box, that is being showed right above the chat-bar.

here people will be able to talk, exacly like the shoutbox modification, the only thing here is that i had an idea to re-edit the design a little bit, AND, create a method so every time (me for instance) was in the chat room, my name would get to a list to the right for a list of a sort, that tells who is in the room.

(THE IDEA IS STILL BEING WORKED ON, PLEASE COME WITH COMMENTS IF YOU HAVE MORE IDEAS)...

2. Private Messeage Chat
---------------------------------

this one will be working EXACLY like facebook, if you have any sort of friend in your friend-list on the account, you will have a friend-list button, and there all your friends will also appears, 1 click on their name if they are online, and wupti, you can now chat live with them.

(THE IDEA IS STILL BEING WORKED ON, PLEASE COME WITH COMMENTS IF YOU HAVE MORE IDEAS)...


3. questions and notes
--------------------------------

okay, now you have seemed my 2 ideas so far, now as you can see in the pictures i have added, that i have only made it to the design part, so if possible, a little help/suggestion would be AWSOME! :)...

-------CODE BELOW----------
Functions and HTML:

Code (php) Select Expand


/*=============AJAX-CHAT-BOTTOM=============*/
function ajax_bottom_chat()
{
$chat = "";

$chat = "<br />";

$chat .= "
<div id='chat_div_bottom_global'>
<span class='chat_div_bottom_global_chat_rooms_button'>Chat Rooms</span>

<span class='chat_div_bottom_global_friend_list_button'>
Friend list (0)
</span>
</div>";

$chat .= "<br />";
return $chat;
}
/*=============AJAX-CHAT-BOTTOM=============*/


CSS:

Code (html5) Select Expand


/* CSS Document */

#chat_div_bottom_global {
position:fixed;

left:0px;
right:0px;
bottom:0px;

width:100%;
height:auto;

background-color:#712323; /*Original: 900*/
color:#FFF;
}

.chat_div_bottom_global_chat_rooms_button {
background-color:#b73131;
padding-left:5px;
padding-right:5px;
}

.chat_div_bottom_global_friend_list_button {
background-color:#b73131;
padding-left:5px;
padding-right:5px;
float:right;
}

-------CODE ABOVE----------

thanks!
-noobKID


PS:
if possible, write your ideas, and if you think this is a good idea, and i should make the modification done in full...

-thanks again

[attachment deleted by admin]