[Released] Handymans Chat with Sound and Archive

[clight77]

Not sure what that is, can you be more explicate.

What part are you not sure of ?
I am not a good coder,but will help if i can..

A link to your board would also be nice

[Obsidian]

Here's the

Not sure what that is, can you be more explicate.

What part are you not sure of ?
I am not a good coder,but will help if i can..

A link to your board would also be nice

Here's the link> [* Link removed *]

Handyman fixed the problem for '[Add-on] AJAX Chat 2.0.0 Beta" which is almost the same chat.
This is the fix:

Spoiler:

<!-- 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">
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons">
<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 -->
<div class="content">{chatrow.MESSAGE}</div></div>
<dl class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}<br /><b style="font-size: 0.9em;">{chatrow.TIME}</b></dt>
</dl>
<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" /> <span nowrap="nowrap">{whoisrow.USERNAME_FULL}</span></div>
</div>
</div>
<!-- END whoisrow -->--!--{LAST_TIME}--!--{DELAY}--!--{LAST_POST}
<!-- ENDIF -->
<!-- ENDIF -->
<!-- ELSE -->
<!-- IF S_CHAT -->
<!-- INCLUDE overall_header.html -->
<!-- IF S_DISPLAY_SEARCH or (S_USER_LOGGED_IN and not S_IS_BOT) -->
<ul class="forumlinklist">
<!-- IF S_DISPLAY_SEARCH -->
<li><img src="{T_THEME_PATH}/images/icon_pages.gif" alt="" /> <a href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a><!-- IF S_USER_LOGGED_IN --> &bull; <img src="{T_THEME_PATH}/images/icon_pages.gif" alt="" /> <a href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><!-- ENDIF --> &bull; <img src="{T_THEME_PATH}/images/icon_topics.gif" alt="" /> <a href="{U_SEARCH_ACTIVE_TOPICS}">{L_SEARCH_ACTIVE_TOPICS}</a></li>
<!-- ENDIF -->
</ul>
<!-- ENDIF -->

<!-- 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[2])
{
if (last_id == 0)
{
document.getElementById(fieldname).innerHTML = results[1];
}
else
{
document.getElementById(fieldname).innerHTML = results[1] + document.getElementById(fieldname).innerHTML;
}
last_id = results[2];

if (results[3])
{
document.getElementById('whois_online').innerHTML = results[3];
last_time = results[4];
if (results[5] != read_interval * 1000)
{
window.clearInterval(interval);
read_interval = results[5] * 1000;
interval = setInterval('handle_send("read", last_id);', read_interval);
document.getElementById('update_seconds').innerHTML = results[5];
}
post_time = results[6];
}
}
}
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: 84%;
height:328px;
overflow:auto;
float:left;
margin: 8px 0;
}
#chat {
width: 99%;
text-align:left;
}
.postprofile {
min-height: 5px !important;
}
.chatform {
color: white;
width: 96%;
text-align:center;
}
.onlinelist {
width: 16%;
overflow:auto;
height:300px;
}
.users {
width: 90%;
text-align: left;
margin-left:auto;
margin-right:auto;
}
.user {
width: 95%;
font-size: 1.1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#act_indicator {
visibility: hidden;
}
.chatinput {width: 60% !important;}
.online_img {
vertical-align:middle;
}
-->
</style>
<div class="forabg" style="margin-top: 8px;margin-bottom: 0;">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="header" style="float: left;">
<h4 style="color:white;">&nbsp;<img src="{T_THEME_PATH}/images/icon_chat.gif" alt="" />&nbsp;<!-- IF not S_CHAT --><a href="{U_CHAT_LINK}" alt="{L_CHAT_EXPLAIN}" title="{L_CHAT_EXPLAIN}" />{L_CHAT_EXPLAIN}</a><!-- ELSE -->{L_CHAT_EXPLAIN}<!-- ENDIF --></h4>
</div>
<div style="text-align: center;">
<!-- IF S_USER_LOGGED_IN -->
<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>
<!-- ELSE -->
<b style="color: white;">You must register to chat and registration is by invite only.</b>
<!-- ENDIF -->
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<div align="left">
<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">
<!-- IF U_ACP or U_MCP -->
<ul class="profile-icons">
<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 -->
<div class="content">{chatrow.MESSAGE}</div>
</div>
<dl class="postprofile" id="profile{postrow.POST_ID}">
<dt>{chatrow.USERNAME_FULL}<br /><b style="font-size: 0.9em;">{chatrow.TIME}</b></dt>

</dl>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- END chatrow -->
</div>
</div>
<h4>&nbsp; {L_ONLINE_LIST}:</h4>
<div class="onlinelist">
<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" /> <span nowrap="nowrap">{whoisrow.USERNAME_FULL}</span></div>
</div>
</div>
<!-- END whoisrow -->
</div>
</div>
</div>
<div class="forabg">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="chatform" align="center">
{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>
<span class="corners-bottom"><span></span></span>
</div>
</div>

<!-- IF S_CHAT -->
<!-- IF S_DISPLAY_ONLINE_LIST -->
<div style="float: left;"><img src="{T_THEME_PATH}/images/whosonline.gif" alt="" /> &nbsp; </div><!-- IF U_VIEWONLINE --><h3><a href="{U_VIEWONLINE}">{L_WHO_IS_ONLINE}</a></h3><!-- ELSE --><h3>{L_WHO_IS_ONLINE}</h3><!-- ENDIF -->
<p style="margin-bottom:4px;">{TOTAL_USERS_ONLINE}<br />{LOGGED_IN_USER_LIST}
<!-- IF LEGEND --><br /><em>{L_LEGEND}: {LEGEND}</em><!-- ENDIF --></p>
<!-- ENDIF -->

<!-- INCLUDE overall_footer.html --> <!-- ENDIF -->
<!-- ENDIF -->

And this is my chat_body.

Spoiler:

<!-- IF S_GET_CHAT -->
<!-- IF S_READ or S_ADD -->
<!-- BEGIN chatrow -->
<div id="p{chatrow.MESSAGE_ID}" class="post bg{chatrow.CLASS}">
<!-- IF S_USER_LOGGED_IN -->
<span class="profile-icons postprofile">
<nobr>
<!-- ENDIF -->
<!-- IF U_ACP or U_MCP -->
<span class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
</span>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
{chatrow.TIME}</nobr>
</span>
<!-- ENDIF -->
<span class="author" id="profile{postrow.POST_ID}">&nbsp;{chatrow.USERNAME_FULL}:</span>
<span class="chatrow"><span class="content">&nbsp;{chatrow.MESSAGE}</span></span>
</div>
<!-- END chatrow -->---{LAST_ID}---
<!-- BEGIN soundrow -->{soundrow.SOUND}<!-- END soundrow -->
<!-- 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:230px;overflow:auto;float:left;}
#chat {width: 100%;text-align:left;}
#chat * {margin:0px;padding:0px;min-height:0px;width:auto;}
.post {font-size:1.1em;}
.postprofile {min-height: 5px !important;}
.chatform {width: 90%;text-align:center;}
.onlinelist {width: 15%;overflow:auto;height:230px;}
.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;}
.chatrow {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;}
.chatbg1 {background-color: #ffffdf;}
.chatbg2 {background-color: #efefd1;}
.messagelabel {font-weight:bold;clear: left;color:#fff;}
.messagelabel:hover {color:dfdfdf;}
div#refresh {float:left;width:28%;padding-bottom:5px;}
div#archive{float:left;width:42%;text-align:center;padding-top:5px;}
div#author{float:right;width:28%;padding-top:5px;}
-->
</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">
<label for="message" class="messagelabel">{L_MESSAGE}:</label> <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}">
<!-- IF S_USER_LOGGED_IN -->
<span class="chatrow">
<span class="profile-icons postprofile">
<nobr>
<!-- ENDIF -->
<!-- IF U_ACP or U_MCP -->
<span class="delete-icon">
<a href="javascript:void({chatrow.MESSAGE_ID})" title="{L_DELETE_POST}" onclick="delete_post('{chatrow.MESSAGE_ID}')">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
</span>
<!-- ENDIF -->
<!-- IF S_USER_LOGGED_IN -->
{chatrow.TIME}</nobr>
</span>
</span>
<!-- ENDIF -->
<span class="author" id="profile{postrow.POST_ID}">&nbsp;{chatrow.USERNAME_FULL}:</span>
<span class="chatrow"><span class="content">&nbsp;{chatrow.MESSAGE}</span></span>
</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="refresh">
<strong>{L_UPDATES} <span id="update_seconds">{DELAY}</span> {L_UNIT} <img src="{T_IMAGESET_PATH}/act_indicator.gif" id="act_indicator" /></strong>
</div>
<div id="archive">
<strong><span><a href="{U_CHAT_ARCH}" title="{L_CHAT_ARCH_EXPLAIN}">{L_CHAT_ARCH}</a></span></strong>
</div>
<div id="author">{L_DETAILS}</div>
</div>
<span class="corners-bottom"><span></span></span>
</div>
</div>
<!-- IF S_CHAT -->
<!-- INCLUDE overall_footer.html -->
<!-- ENDIF -->
<!-- ENDIF -->

[Lostmind]

@ Siropu

I am not sure if you have handyman's Ajax Chat on there or not. You may and if you do you have two different chat mods Handyman's and blueimp's. With what little I have delt with blueimp's the two chat's are not compatable.

But I am almost 100% sure you do not have handyman's chat on your site and you will need to go to blueimp.net for help with your problem.

[Siropu Gabriel]

@ Siropu

I am not sure if you have handyman's Ajax Chat on there or not. You may and if you do you have two different chat mods Handyman's and blueimp's. With what little I have delt with blueimp's the two chat's are not compatable.

But I am almost 100% sure you do not have handyman's chat on your site and you will need to go to blueimp.net for help with your problem.

It's handyman's chat "Handymans Chat with Sound and Archive"... i modified the layout. The blueimp has nothing to do with this... The chat is not active on forum index page because i removed the chat code because of this problem:

"Forum header is included in the chat box when I make a post -- this is a problem with a few portals which annoyingly add their header/footer automatically to the template engine."

[Pietje15]

Is it possible to have a button on the right side of the chat, and when someone in the chat push it it sends a sound to all users in the chat? Kind of "buzzer" like on MSN.

I know people may spam with it but i only want to know how i can make something like that

[Pietje15]

How can I change the sound?
When i replace it for anothter sound.swf file it still the old sound!

[Lostmind]

The easiest way would make your two sounds and give them the same name they already are. sound.swf and soundout.swf

[Pietje15]

Is it possible to have a button on the right side of the chat, and when someone in the chat push it it sends a sound to all users in the chat? Kind of "buzzer" like on MSN.

I know people may spam with it but i only want to know how i can make something like that

[pendejo]

can't see the demo, have you got another link? so i can see it in action?

[novanilla]

How can I change the sound?
When i replace it for anothter sound.swf file it still the old sound!

Try deleting your browser's cache.

This must be a short sound, I think. I tried to make different sounds work on my system, and they simply wouldn't. But the sounds I wanted were two or three seconds long, vs the one-second originals.

But I managed to switch the sound files around so sound.swf became soundout.swf, and the switch didn't actually work until deleting my browser's cache.