[ABD] AJAX Chat/Shoutbox MOD 2.0.0 Beta 8

[TomoATP]

I seem to be missing something here. I've successfully installed the mod, it works fine and shows up how I want it to etc, but how do I access the chatlogs and such, purge old posts, other options etc? Should there be something in the admin cp that I'm not seeing?

Thanks.

[mej284]

I seem to be missing something here. I've successfully installed the mod, it works fine and shows up how I want it to etc, but how do I access the chatlogs and such, purge old posts, other options etc? Should there be something in the admin cp that I'm not seeing?

Thanks.

There is nothing in the ACP, you can delete individual posts if you are a mod or ACP. Or you can add the code from the first post and limit the posts to 25 or what ever you choose. You need to remember that this is still a beta, use live is your choice.

[Jack™]

Yes board3portal 1.0.3

Ok, you install Ajax just like the mod tells you. Once it is installed do the following additional edits

Open: root/portal.php
find:

Code: Select all

$phpEx = substr(strrchr(__FILE__, '.'), 1);
include($phpbb_root_path . 'common.' . $phpEx);
include($phpbb_root_path . 'portal/includes/functions.'.$phpEx);
include($phpbb_root_path . 'portal/includes/lang_adm_additional_blocks.'.$phpEx);

After add:

Code: Select all

//-- mod : AJAX Chat ----------------------------------------------------
//-- add
include($phpbb_root_path . 'shout.' . $phpEx);
//-- fin mod : AJAX Chat ------------------------------------------------

Now go into the style or styles you are using the Portal with
Open: template/portal/portal_body.html
find:

Code: Select all

<!-- [+] center block area -->
	<td valign="top">

After add:

Code: Select all

<!-- INCLUDE chat_body.html -->

This will add the shout box to the top of the center row.

Now go to the ACP>styles>theme and select refresh on the style you are working with.
Also go to ACP > General and purge cache.

That should do it.

It half works for me, I did it and I get an error, then I deleted the change to portal.php, the portal loaded fine, and the "skin" of the chatbox loaded
I also don't have

Code: Select all

include($phpbb_root_path . 'portal/includes/lang_adm_additional_blocks.'.$phpEx);

or the file it says

[superj707]

I would love to have something similar to the IM system used on myspace and facebook. Perhaps this chat could be modified to fit in a DHTML/AJAX window. It wouldn't be Instant messageing but it could be a cool way to chat with all the current members who are currently logged into the forum. It would allow global access to all currently logged in members so that they may chat with each other. Basically the only difference between the current chat and this idea is that instead of going to the right page with the chat.html; chat.html would be available from anywhere on the site and when someone says something it would show up on a popup DHTML layer of it's own. This would greatly increase chat participation. It would allow the chat to be used from anywhere on the forum website while allowing people to keep browsing while they chat. starting chats would be so much fun and a great way to integrate the community.


here is a screen shot for those not familiar.



here is a little closer.


BTW I think this is an EPIC IDEA!!!! let me know if this is something the respected creators of this mod would consider doing.

Does this make sense the way I have explained it ? I really don't think it would be all that hard for someone with the proper skills to accomplish, considering almost all the needed components already exist as part of this chat.

[mej284]

super707 I believe there is a 6 hour bump rule.

[superj707]

super707 I believe there is a 6 hour bump rule.

well thank you. Im not trying to break rules though I was just adding to the question. presumably it's more interesting to discuss petty conduct than to address the question at hand, so I won't expect an answer. good day !

[adcantu]

I think its a great idea supaj. I think it would be a good addition, allowing members to better communicate, as well as to be able to use the chat while still browsing the forums .

[Gadget27]

I even looked here http://74.125.47.132/search?q=cache:y5x ... clnk&gl=us but I have waited a couple minutes and the messages STILL don't erase.

Thanks for any info!

It is a few minutes to expect but if you have not changed the setting refreshrate at least 5 minutes ...
I worked on this shoot all weekend and if you're interested I have modified the instructions so that each user can delete their own post

(sorry if my english is bad... It's a Google Translate )

Edit: But to delete old messages from the BD it is better to make the change explain on the 1st post

[sTimulated]

My chat is not displaying properly in IE7,can I fix it?
Works perfect in opera.

[mej284]

My chat is not displaying properly in IE7,can I fix it?
Works perfect in opera.

To help more information would be needed, what style are you using?
Could you post a copy of your chat_body.html that you are using.

This would be good for a start. Possible even a link to your site.

[sTimulated]

Default prosilver is used.
http://www.stimulatedgaming.com
The chat is just so much bigger when viewing with IE.
Thanks for helping

[usenet2you]

just change the width of the online list..

[mej284]

This is easier to read when you use the Code bbcode.

Code: Select all

<!-- IF S_GET_CHAT -->
<!-- IF S_READ or S_ADD -->
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody">
<p class="author">{chatrow.TIME} </p>

<div class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}</dt>
</dl>
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons postprofile">
<li class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
</li>
</ul>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->---{LAST_ID}
<!-- IF S_WHOISONLINE -->---
<!-- BEGIN whoisrow -->
<div>
<div class="inner">
<div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> : {whoisrow.USERNAME_FULL}</div>
</div>
</div>
<!-- END whoisrow -->---{LAST_TIME}---{DELAY}---{LAST_POST}
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ELSE -->
<!-- IF S_CHAT -->
<!-- INCLUDE overall_header.html -->
<!-- ENDIF -->
<script type="text/javascript">
<!--
var fieldname = 'chat';
var last_time = 0;
var xmlHttp = http_object();
var last_id = {LAST_ID};
var type = 'receive';
var post_time = {TIME};
var read_interval = 15000;
var interval = setInterval('handle_send("read", last_id);', read_interval);

function handle_send(mode, f)
{
if (xmlHttp.readyState == 4 || xmlHttp.readyState == 0)
{
indicator_switch('on');
type = 'receive';
param = 'mode=' + mode; 
param += '&last_id=' + last_id;
param += '&last_time=' + last_time; 
param += '&last_post=' + post_time; 
param += '&read_interval=' + read_interval; 

if (mode == 'add' && document.text.message.value != '')
{
type = 'send';
for(var i = 0; i < f.elements.length; i++)
{ 
elem = f.elements[i]; 
param += '&' + elem.name + '=' + encodeURIComponent(elem.value); 
}
document.text.message.value = '';
}
else if (mode == 'delete')
{
type = 'delete';
param += '&chat_id=' + f;
}
xmlHttp.open("POST", '{FILENAME}', true);
xmlHttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlHttp.onreadystatechange = handle_return;
xmlHttp.send(param);
}
}

function handle_return()
{
if (xmlHttp.readyState == 4)
{
if (type != 'delete')
{
results = xmlHttp.responseText.split('---');
if (results[1])
{
if (last_id == 0)
{
document.getElementById(fieldname).innerHTML = results[0];
}
else
{
document.getElementById(fieldname).innerHTML = results[0] + document.getElementById(fieldname).innerHTML;
}
last_id = results[1];
if (results[2])
{
document.getElementById('whois_online').innerHTML = results[2];
last_time = results[3];
if (results[4] != read_interval * 1000)
{
window.clearInterval(interval);
read_interval = results[4] * 1000;
interval = setInterval('handle_send("read", last_id);', read_interval);
document.getElementById('update_seconds').innerHTML = results[4];
}
post_time = results[5];
}
}
}
indicator_switch('off');
}
}

function delete_post(chatid)
{
document.getElementById('p' + chatid).style.display = 'none';
handle_send('delete', chatid);
}

function indicator_switch(mode)
{
if(document.getElementById("act_indicator"))
{
var img = document.getElementById("act_indicator"); 
if(img.style.visibility == "hidden" && mode == 'on') 
{
img.style.visibility = "visible";
}
else if (mode == 'off')
{
img.style.visibility = "hidden"
} 
}
}

function http_object()
{
if (window.XMLHttpRequest)
{
return new XMLHttpRequest();
}
else if(window.ActiveXObject)
{
return new ActiveXObject("Microsoft.XMLHTTP");
}
else
{
document.getElementById('p_status').innerHTML = 'Status: Cound not create XmlHttpRequest Object. Consider upgrading your browser.';
}
}
-->
</script>
<style type="text/css">
<!--
#act_indicator {
visibility:hidden;
}
.shouts {
width: 85%;
height:300px;
overflow:auto;
float:left;
}
#chat {
width: 100%;
text-align:left;
}
.postprofile {
min-height: 5px !important;
}
.chatform {
width: 90%;
text-align:center;
}
.onlinelist {
width: 15%;
overflow:auto;
height:300px;
}
.users {
width: 90%;
text-align: left;
text-indent: 5px;
margin-left:auto;
margin-right:auto;
}
.user {
width: 95%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height: 1.4em;
}
#act_indicator {
visibility: hidden;
}
.chatinput {width: 80% !important;}
.online_img {
vertical-align:middle;
}
-->
</style>
<!-- IF S_USER_LOGGED_IN -->
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="chatform" align="center"> 
<form name="text" id="text" method="post" action="javascript:void(0);" onsubmit="handle_send('add', this)" autocomplete="off">
<strong style="color: white;">{L_MESSAGE}:</strong> <input type="text" tabindex="1" name="message" id="message" class="inputbox chatinput" />
<input type="submit" class="button1" value="{L_SUBMIT}" name="submit" tabindex="6" accesskey="s"/><br />
</form>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- ENDIF -->
<div class="forabg" align="left">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="shouts">
<div id="chat">
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<div class="inner"><span class="corners-top"><span></span></span>
<div class="postbody">
<p class="author">{chatrow.TIME} </p>

<div class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}</dt>
</dl>
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons postprofile">
<li class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')"><span>{L_DELETE_POST}</span></a>
</li>
</ul>
<!-- ENDIF -->
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->
</div>
</div>
<div class="onlinelist bg1">
<div class="users" id="whois_online">
<!-- BEGIN whoisrow -->
<div>
<div class="inner">
<div class="user"><img src="{T_IMAGESET_PATH}/{whoisrow.USER_STATUS}.png" class="online_img" /> {whoisrow.USERNAME_FULL}</div>
</div>
</div>
<!-- END whoisrow -->
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div class="forabg" align="center">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="post">
<div id="author">{L_DETAILS}
<img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" />
<strong>• {L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT}</strong>
</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- IF S_CHAT -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
<!-- ENDIF -->

There are two ways to correct this. You can either adjust the width under .chatform or .onlinelist. If it was me I would change the width under .chatform to 80%. This would give you a little spacing between divisions.

You need to remember with all changes to the template files, go to the ACP>Styles>templates and refresh the style for which you are working.

[sTimulated]

just change the width of the online list..

ok,thanks I'll try that

Sweet
I changed it to 12% instead of 15% and it's normal now,many thanks

Thanks also to mej284 for helping.

Is there a way to change the colour of the online list from white?
I'll read through the chat_body again in the meantime.

[zkaraca]

Don't want to be mean but it's been 2 years man and still it's beta. I think that this is way too long for a mod to be developed. Especially one that is not that big as this one.