AjaxChat Integration (latest version 3.2.1)

[ɔɔɔɔɔɔuɥoɾ]

woot, thanks for the js info, I will use it to add more smileys

Thanks.

[mrtrc266]

woot, thanks for the js info, I will use it to add more smileys

Thanks.

I'm currently workin on some edits that will add all the BBC Buttons on the Shoutbox, make your smileys popup in the chat room and shoutbox and add the font color palette to the shoutbox as well.

Should be done in an hour or so, will post back when I'm done.

[TheListener]

Would the editing have to be done using notepad?

[TheListener]

tried to add the smileys but they dont appear in the chat

What am I doing wrong?

[[unplugged]]

You've been busy, mrtrc266! 

Any word yet on my Error: Connection status: 0 issue? Give me some good news.

EDIT:
HOLY!!!!!!!!! I have my own good news!!! I finally got it working on my test site! I figured I would start from the very beginning and work my way through each step again. When I got to the PrettyUrls Tip posted by Jiveturkey (I am adding this mod to a clean install), I decided to just give it a try anyway....which I had done previously as well. However, on this particular try, I noticed another .htaccess file and figured I'd try adding RewriteRule ^chat/?$ ./chat/index.php [L,QSA] to this overlooked .htaccess and TADA!!! It works! Time to enjoy (finally)!!!



EDIT:

I wanted to point out that the PrettyUrls mod had nothing to do with Jiveturkey's fix. The only mod installed on my test site is AjaxChat 3.0. So anyone else experiencing the Error: Connection status: 0, even if not using PrettyUrls, give this fix a try. Put it in the .htaccess file inside the same folder as the SSI.php is in (the forum root, not necessarily the site root).

The fix above fix requires placing a line in an .htaccess file located in the same folder as SSI.php. If this fix still does not resolve your issues, there are a few other things you can try. I will explain them here.

• Try adding RewriteEngine on just above the RewriteRule ^chat/?$ ./chat/index.php [L,QSA] in the .htaccess that's in the same folder as SSI.php.
• Try also putting these same two lines in the .htaccess in the site's root folder. (You'll end up with two separate files, each with those two lines at the top.)
• Try creating an .htaccess file just inside both the /chat/ and the /shoutBox/ folders. At the top of each of these and on separate lines, add RewriteEngine on and RewriteRule ^/?$ ./index.php [L,QSA].
  This particular fix seems to also take care of the problem with being forced to integrate the shoutbox and chat to get the shoutbox working. It will also hopefully be added to the package in future releases.

If one of the procedures above fixes your blank chat, please list it so we can see which are the most common configurations.

A big thanks goes to mrtrc266 (again) for helping get these issues sorted.

[mrtrc266]

You've been busy, mrtrc266! 

Any word yet on my Error: Connection status: 0 issue? Give me some good news.

EDIT:
HOLY!!!!!!!!! I have my own good news!!! I finally got it working on my test site! I figured I would start from the very beginning and work my way through each step again. When I got to the PrettyUrls Tip posted by Jiveturkey (I am adding this mod to a clean install), I decided to just give it a try anyway....which I had done previously as well. However, on this particular try, I noticed another .htaccess file and figured I'd try adding RewriteRule ^chat/?$ ./chat/index.php [L,QSA] to this overlooked .htaccess and TADA!!! It works! Time to enjoy (finally)!!!

WOOOOHOOOOO!!!!! Sooo Happy you got it sorted SunKing! That's awesome, I finally did get in touch with Hunter but he wasn't sure and has been extremely busy. So, I posted HERE with the issues and they weren't sure either. I didn't forget about ya and have been trying to find some anweres.

Thank you very much for your patience and once again, very glad to see you got it going. Great Job!!!

[[unplugged]]

I wanted to point out that the PrettyUrls mod had nothing to do with Jiveturkey's fix. The only mod installed on my test site is AjaxChat 3.0. So anyone else experiencing the Error: Connection status: 0, even if not using PrettyUrls, give this fix a try. Put it in the .htaccess file inside the same folder as the SSI.php is in (the forum root, not necessarily the site root).

I really like the mod so far, but I do see some areas where I may try my hand at adding/tweaking features. I will certainly post any worthy edits back here in this thread. A belated thanks to Jiveturkey for a solution that I just fumbled....hehehe...and a HUGE thank you to mrtrc266 for going above and beyond to try to find some answers. These are the things that make SMF so great. Thanks again.

[mrtrc266]

Finally Adding the BBC Buttons, adding Custom Smileys and MAKING SMILEYS POPUP in your Chat Room and ShoutBox for AJAX Chat Intergration 3.0 is here

The edits below will add the following to your AJAX Chat Room & Shoutbox.
       

• Adds all of the BBC Buttons to your Shoutbox.
• Adds the Font Color Palette to your Shoutbox.
• Adds custom Smileys to your Chat Room and Shoutbox.
• Makes the Font Color Palette PopUp in the Shoutbox.
• Makes the Smileys PopUp in your Chat Room & Shoutbox.
• Adds 60 Custom Smileys to your Chat Room & Shoutbox.

Here we go.....First just do a couple edits to these files.

yourforum/Themes/yourtheme/index.tempalte.php
Find

Code Select Expand

      <div class="tborder" style="margin: 10px 0 10px 0;">
         <div class="catbg" style="padding: 5px 15px 5px 10px;margin:0 auto;">
            <a rel="nofollow" href="#" onclick="ajax_shoutBox_collapse(!sb_current_header)"><img id="ajax_shoutbox_collapse" src="', $settings['images_url'], empty($options['sb_collapsed']) ? '/collapse.gif' : '/expand.gif','" alt="*" style="margin-right: 5px;" /></a>', $txt['shoutBox'], '
         </div>
         <div id="ShoutBox"', empty($options['sb_collapsed']) ? '' : ' style="display: none;"', '>


Replace with

Code Select Expand

      <div class="tborder" style="margin: 10px 0 10px 0;">
         <table width="100%" class="catbg" style="padding: 5px 15px 5px 10px;margin:0 auto;">
            <tr>
            <td width="50%">
                  <a rel="nofollow" href="#" onclick="ajax_shoutBox_collapse(!sb_current_header)"><img id="ajax_shoutbox_collapse" src="', $settings['images_url'], empty($options['sb_collapsed']) ? '/collapse.gif' : '/expand.gif','" alt="*" style="margin-right: 5px;"  /></a>', $txt['shoutBox'], '
         </div>
      </td>
         <td width="50%" align="right">
      <div id="ajaxChatCopyright"><a href="https://blueimp.net/ajax/">
          <font size="1">AJAX Chat</font></a><font size="1"> &copy; <a href="https://blueimp.net">blueimp.net</a> |
          </font> <a href="http://4tmu.ir/forum/index.php"><font size="1">Integrated with SMF</font></a></div>
               </td>
            </tr>
         </table>
      <div id="ShoutBox"', empty($options['sb_collapsed']) ? '' : ' style="display: none;"', '>

yourforum/chat/js/config.js (You can just use the attatched file if you have not made any previous edits to the config.js file)

Find

Code Select Expand

   // Defines the list of allowed emoticon codes:
   emoticonCodes: new Array(
      '',
      '',
      '',
      '',
      '',
      ':|',
      ':O',
      ':?',
      '',
      '8o',
      'B)',
      ':-)',
      ':-(',
      '',
      'O:-D',
      '>:-D',
      ')',
      ':idea:',
      ':important:',
      ':help:',
      ':error:',
      ':warning:',
      ':favorite:'     
    ),
   
Replace with

Code Select Expand

   // Defines the list of allowed emoticon codes:
   emoticonCodes: new Array(
      '',
      '',
      ':cc',
      '',
      ':winktongue:',
      '',
      '',
      ':wave:',
      ':sleeping:',
      ':whistle:',
      ':idea:',
      ':|',
      ':resigned:',
      ':O',
      ':err',
      ':grr',
      '8o',
      'B)',
      ':headphones:',
      ':onthephone:',
      ':applause:',
      ':money:',
      ':thumbsup:',
      ':thumbsdown:',
      ':undecided:',
      ':nervous:',
      ':worried:',
      ':scaredblue:',
      ':stop:',
      ':despair:',
      ':angel:',
      'devilish',
      ':vampire:',
      ':blushing:',
      ':lustful:',
      ':inlove:',
      ':kiss:',
      ':flower:',
      ':radioactive:',
      ':ill:',
      ':tongue:',
      ':mean:',
      ':lipsrsealed:',
      ':bequiet:',
      ':pirate:',
      ':clown:',
      ':mouse:',
      ':bull:',
      ':cow:',
      ':pig:',
      ':bandaged:',
      ':dead:',
      ':biohazard:',
      ':creeper:',
      ':grab:',
      ':banghead:',
      ':lmaoslap:',
      ':spitcoffe:',
      ':lols:',
      ':rofl:'
    ),
Find

Code Select Expand

   // Defines the list of emoticon files associated with the emoticon codes:
   emoticonFiles: new Array(
      'smile.png',
      'sad.png',
      'wink.png',
      'razz.png',
      'grin.png',
      'plain.png',
      'surprise.png',
      'confused.png',
      'glasses.png',
      'eek.png',
      'cool.png',
      'smile-big.png',
      'crying.png',
      'kiss.png',
      'angel.png',
      'devilish.png',
      'monkey.png',
      'idea.png',
      'important.png',
      'help.png',
      'error.png',
      'warning.png',
      'favorite.png'
   ),
Replace with

Code Select Expand

   // Defines the list of emoticon files associated with the emoticon codes:
   emoticonFiles: new Array(
      'smile.gif',
      'sad.gif',
      'cry.gif',
      'wink.gif',
      'winktongue.gif',
      'grin.gif',
      'cheesy.gif',
      'wave.gif',
      'sleeping.gif',
      'whistle.gif',
      'idea.gif',
      'unhappy.gif',
      'resigned.gif',
      'surprised.gif',
      'angry.gif',
      'angry2.gif',
      'eek.gif',
      'cool.gif',
      'headphones.gif',
      'onthephone.gif',
      'applause.gif',
      'money.gif',
      'thumbsup.gif',
      'thumbsdown.gif',
      'undecided.gif',
      'nervous.gif',
      'worried.gif',
      'scaredblue.gif',
      'stop.gif',
      'despair.gif',
      'angel.gif',
      'devilish.gif',
      'vampire.gif',
      'blushing.gif',
      'lustful.gif',
      'inlove.gif',
      'kiss.gif',
      'flower.gif',
      'radioactive.gif',
      'ill.gif',
      'tongue.gif',
      'mean.gif',
      'lipsrsealed.gif',
      'bequiet.gif',
      'pirate.gif',
      'clown.gif',
      'mouse.gif',
      'bull.gif',
      'cow.gif',
      'pig.gif',
      'bandaged.gif',
      'dead.gif',
      'biohazard.gif',
      'creeper.gif',
      'grab.gif',
      'banghead.gif',
      'lmaoslap.gif',
      'spitcoffe.gif',
      'lols.gif',
      'rofl.gif'
   ),

   
Upload positions.css to yourforum/chat/css/
Upload shoutbox.css to yourforum/chat/css/
Upload loggedIn.html to yourforum/chat/lib/template/
Upload shoutbox.html to yourforum/chat/lib/template/
Upload config.js to yourforum/chat/js/ (only if you have not made any previous edit, otherwise to the edits above).

PLEASE NOTE: If you DO NOT have your Shoutbox and ChatRoom Intergrated then you must also
Upload shoutbox.css to yourforum/shoutbox/css/
Upload shoutbox.html to yourforum/shoutbox/lib/template/
Upload config.js to yourforum/shoutbox/js/ (only if you have not made any previous edit, otherwise to the edits above).
Unzip and upload the smileys to yourforum/shoutbox/img/emoticons/


The attatched zip file has over 60 Smileys. Unzip the file and upload them to chat/img/emoticons. Some will overwrite what is already there but these are better anyway :-)
You can add or change Smileys by uploading your own Smileys and making the edits to chat/js/config.js. It's important make sure the the input code is in the same order as the image file. Also make sure that the last array DOES NOT have a comma.

Have fun.

[TheListener]

How?

I have never used notepad and have only recently used the ftp ( had help via aim)

Am still stuck on how to add my own smileys to chat.

Also how do I add the mods so they can kick/ban people?

With our shoutbox we have no scrollbar nor admin facilities

[[unplugged]]

10 minutes ago. Couldn't you have posted that 10 minutes ago??  Now I'll be up all night adding even more great features....lol

I have been using nneonneo's shoutbox for quite some time ( as i think you may already know) and have become used to, almost dependent on, some added features to that mod. The one feature that I would miss the most by switching over to this awesome mod, is the notification in the shoutbox when someone posts or replies to a post. If this is already a feature of AjaxChat, how would I turn it on? I made both a test reply as well as a test post to see if either were notified, but neither were. Please keep in mind I have only briefly skimmed through the configurations. If this is not yet a feature, how would one go about adding it?

[mrtrc266]

LOL @ SunKing I knew you were comin so I was trying to hurry

ATM that is not a feature available for AJAX Chat. That would be a great feature though, will have to do a lot of asking and digging to see how to go about getting that to work in here.

Would love to see any other edits/tweaks you can find.

[andy40]

hi i have been using this for  a while now and it worked great but today i installed Dark theme - red and now the shout box shows but i have no scroll bar in there so when people chat it ends up taking the hole page up until you do a refresh is there anything i can do to fix this please?

Add this to the very first line in the style.css for your theme...

Code Select Expand

@import url(../../chat/css/shoutbox.css);


hi thanks that worked great 

[wiki]

sometime during chat i got this error:

Error: Connection status: 408

[kolt]

Help Please, I installed the chat succesfully but does't work, I have 1.1.8 smf forum, I have disinstalled all the modules only for trying to install the chat, please help me

The chat and the shoutbox it shows in the forum but I can't write nothing and in the chat doens't show me inside.

Thanks in advance

[bullbreedluverz]

• Adds all of the BBC Buttons to your Shoutbox.
• Adds the Font Color Palette to your Shoutbox.
• Adds custom Smileys to your Chat Room and Shoutbox.
• Makes the Font Color Palette PopUp in the Shoutbox.
• Makes the Smileys PopUp in your Chat Room & Shoutbox.
• Adds 60 Custom Smileys to your Chat Room & Shoutbox.

right am i being blind or completely stupid but i dont see no "popup" for colours/smileys or all the BBC buttons on my shoutbox

done the index.template.php edit, edited chat/js/config.js, uploaded the attatched files, added smileys and...... well all looks the same lol

http://www.bullbreedluverz.com/smf/index.php

[mrtrc266]

@ Stikki

Looks like you didn't upload and overwrite the 

Upload positions.css to yourforum/chat/css/
Upload shoutbox.css to yourforum/chat/css/
Upload loggedIn.html to yourforum/chat/lib/template/
Upload shoutbox.html to yourforum/chat/lib/template/

[kolt]

Hello mrtrc266 can you help me please to resolve the problem?

[mrtrc266]

Hello mrtrc266 can you help me please to resolve the problem?

What's the problem?

[bullbreedluverz]

it turns out it was the later of my statements and im stupid - its my server, i uploaded the files but the server is denying permission to over write the files

[kolt]

Help Please, I installed the chat succesfully but does't work, I have 1.1.8 smf forum, I have disinstalled all the modules only for trying to install the chat, please help me

The chat and the shoutbox it shows in the forum but I can't write nothing and in the chat doens't show me inside.

Thanks in advance

I installed the chat but doen't work. Tell me please what to do?