Chat Modifications - Dion Dev Shoutbox v2.0 (uses AJAX)

Preview:

http://www.diondev.com/vb

Screenshots:

(see attached)

Features:

- Uses AJAX so new shouts show up without the page having to be refreshed
- Set the title and other language features to anything you want
- Will ignore empty shouts, and ones that are being repeated one after the other
- Enter how many shouts you want it to show
- Enter how many days you want it to store shouts in the database (even forever)
- Enable or disable guest shouting
- Members names are linked to their profile pages
- Admins can delete shouts directly through the shoutbox itself
- A fully customizable shout archive with pagination
- Works with any custom theme automatically
- Parses BBcode, smilies, and images if you allow it to
- Installation takes about 5 minutes and is all done through the admin CP
- You can even modify the amount of time it waits in between checking for new shouts
- Plus lots more!

Installation instructions:

1.a) Extract the "ddshoutbox2.zip" file onto your computer using a program like winrar, or winzip

2. Log in to your admin CP, everything will be done within here

3.a) Go to Plugins & Products -> Manage Products
3.b) Click on the "[Add/Import Product]" link
3.c) Browse for the "product-ddsb2.xml" file
3.d) Click on the "Import" button

4. Upload all the ".js" and ".php" files into your main vbulletin directory (the same directory as index.php)

5 Decide where you want the shoutbox on your site (I recommend the top of your forum index)

If you want the shoutbox at the top of your forum index, go to the "FORUMHOME" template, find:
"<!-- / guest welcome message -->
<br />
</if>"
Copy and paste the contents of "template.txt" underneath.

If you want it at the top of every page, go to the "navbar" template, find:
"<!-- / nav buttons bar -->
<br />"
Copy and paste the contents of "template.txt" underneath.

6.a) Go to vBulletin Options -> vBulletin Options
6.b) Select "Dion Dev Shoutbox v2.0 Options"
6.c) Click on the "Edit Settings" button
6.d) Edit all of the values as you desire
6.e) Click on the "Save" button

Additional options:

1. If you want to change the time in which it checks for new shouts, open up "shoutshow.js" with notepad, find "timeint = 2000" at the top of the file, and change "2000" to the time (in milliseconds) you want it to wait before checking for new shouts. 1 second equals 1000 milliseconds. If you want shouts to show up faster, set it to a lower number. If you are worried about server load, set it higher. Don't forget to upload it to your server after you change it so the new timer takes effect.

2. You can edit the shoutbox width and height by changing the iframe width="100%" and height="200" attributes from the "template.txt" file.

You're done! Please donate anything you can spare to donations@diondev.com before removing my copyright notice.

[goxy63]

Everything is just fine...but I got one small problem

On my main page, I placed shoutbox under one of my modules...problem is that it is not collapsable module and colapse bar is under shoutbox not above as it should

[TheLastSuperman]

Originally Posted by goxy63

Everything is just fine...but I got one small problem

On my main page, I placed shoutbox under one of my modules...problem is that it is not collapsable module and colapse bar is under shoutbox not above as it should

PM me a copy of it Goxy, I'll glance @ it tomorrow... night all!

[Chadi]

Nice mod.

Just a quick suggestion:

It would be nice to have the files uploaded to /forum/shoutbox for example instead of adding the 10 files in the root folder, causing a bit of a clutter.

Also, I noticed you're using frames. Probably a bad idea.

Just an idea.

[goxy63]

@TheLastSuperman
Thanks, will senad you asap...will post it here also

Copy of module (CMPS)

<?xml version="1.0" encoding="ISO-8859-1" ?> 
- <moduleinfo>
- <module>
  <title>Shoutbox</title> 
  <identifier /> 
  <filename>shoutbox</filename> 
  <inctype>template</inctype> 
  <templatelist /> 
  <parent /> 
  <colspan>0</colspan> 
  <formcode /> 
  <useshell>1</useshell> 
  <link /> 
  <options>0</options> 
  </module>
- <templates>
- <adv_portal_shoutbox>
- <![CDATA[ 
<iframe src="testvb/shoutbox.php" width="500" height="200" scrolling="auto" frameborder="0">
Browser does not support iframes
</iframe>
<br /><br />

  ]]> 
  </adv_portal_shoutbox>
  </templates>
  </moduleinfo>

Attachment 97246

[macc]

nice mod nd shoutbox ...but can we get more vbulletin look? mean borders and colapse button ?


regards

macc

[CFodder]

Originally Posted by goxy63

Everything is just fine...but I got one small problem

On my main page, I placed shoutbox under one of my modules...problem is that it is not collapsable module and colapse bar is under shoutbox not above as it should

Have to put a <tr> and <td> command before Dion's code and then a </td> then </tr> after it, that should do it . Your code/template should look like this:

<tr>
<td>

<!-- Dion Dev Shoutbox v2.0 -->
<iframe src="shoutbox.php" width="100%" height="200" scrolling="auto" frameborder="0">
Browser does not support iframes
</iframe>
<br /><br />
<!-- end Dion Dev Shoutbox v2.0 -->

</td>
</tr>

Dion, I've installed it all ok and put it under my forumhome however no shouts appear when typed in ... however if I go to the archive it show's the shouts there . Get no error messages, any ideas on what could be causing this, am using 3.8.1 PL1

[DionDev]

Originally Posted by goxy63

Nominated, rated....thinking about install, but..

How about main page under VBA cmps ?!

Just downloaded and would like this mod on my main page under one of my modules

Any suggestions ?!

Place the template.txt code in any template you want.

Originally Posted by TheLastSuperman

Hey goxy

Did you check his Readme/Install file??

It was in there



So basically open up template.txt included in the download and copy the entire code...

PHP Code:

<!-- Dion Dev Shoutbox v2.0 -->
<iframe src="shoutbox.php" width="100%" height="200" scrolling="auto" frameborder="0">
Browser does not support iframes
</iframe>
<br /><br />
<!-- end Dion Dev Shoutbox v2.0 --> 


Now paste it in any template i.e.

• Forum Home for main forum
• Forum Display for Subforums etc
• Navbar if you find a good spot
• Header
• Footer
• etc
• etc

Also note you can change some of the variables i.e. height width etc as seen in the code!

--> width="100%" OR just 900 for px

--> height="200" Same as above but you can increase to 300px by changing to 300 etc etc.

--> frameborder="0" To add a border etc so put in 1 or 2 etc etc.

Enjoy and thanks DionDev for the new Shoutbox for vB owners

S-MAN

Great tutorial!

Originally Posted by Chadi

Nice mod.

Just a quick suggestion:

It would be nice to have the files uploaded to /forum/shoutbox for example instead of adding the 10 files in the root folder, causing a bit of a clutter.

Also, I noticed you're using frames. Probably a bad idea.

Just an idea.

All of the shoutbox files start with "shout*" so its easy to distinguish.

Why are frames a bad idea? The only thing I can think of is in regards to SEO, and the "iframes are bad for SEO" school of thought is 100% incorrect. Iframes get indexed fine, they are simply considered their own pages.

Originally Posted by macc

nice mod nd shoutbox ...but can we get more vbulletin look? mean borders and colapse button ?


regards

macc

I will add a collapse button and the forum table header style to the next version.

Originally Posted by CFodder

Have to put a <tr> and <td> command before Dion's code and then a </td> then </tr> after it, that should do it . Your code/template should look like this:



Dion, I've installed it all ok and put it under my forumhome however no shouts appear when typed in ... however if I go to the archive it show's the shouts there . Get no error messages, any ideas on what could be causing this, am using 3.8.1 PL1

Show me the link please. You may have done something wrong.

[Chadi]

Originally Posted by DionDev

Why are frames a bad idea? The only thing I can think of is in regards to SEO, and the "iframes are bad for SEO" school of thought is 100% incorrect. Iframes get indexed fine, they are simply considered their own pages.

A lot of people have frames disabled in their browsers. That's why.

[goxy63]

@CFodder

Works like charm, thanks :up:

Thank you all guys

Regards
Goran

[Hall of Famer]

How can I place this shoutbox at the bottom of each page?