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.

Looks good

Will test it out and have a play

Thank you

No color text option and Smilies option ?

The BBcode is mainly used to turn URL's into links. However, it will convert other BBCode (if you enable shoutbox bbcode in the admin CP). Also, smilies are automatically converted into images so if someone type :) it gets turned into the image.

I made it this way so that the shoutbox isn't cluttered. I wanted to keep it simple and clean.

hello!

can we get username colors on shoutbox?

regards

macc

Yes

In the admin CP, under "Dion Dev v2.0 Shoutbox Options" you can change the time format to whatever you want. The time format uses the php date() function: http://ca3.php.net/date

It is really easy to do.

yes ...sorry ...because i just look on demo site not pictures here ... thanks


reg

macc

Ummm good .. but can't read arabic ?

and what is diffrant from the livechat ?

Does the shoutbox use vbulletin's censor system?

Also, can you add the ability to ban specific users from using the shoutbox?

Yes. The reason words are not censored in my demo is because I do not have any censored words set up yet.

What do you mean, can't read arabic?

Also, what is livechat?

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 ?!

seems good
gonna give it a try and see

thanks mate

Hey goxy :D

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...

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 :D

S-MAN

it does not support Arabic language, it gives unknown output characters when input in Arabic.
also, it does not Arabic language direction which is rtl.
see the attachment.

if you can find a workaround it will be really great.
thanks again

thanks going to test it out

@DionDev
thanks for this nice hack

@TheLastSuperman
Hay mate nice to hear from you :D
Thanks a lot for details

Would like to pay few rounds of beer, and I hope that once... :D

Cheers

No prob Goxy ;)

Yeah I was out for a while, a friend was in the hospital then I had some RL issues but spil't milk as they say or shiz happens :cool: but back to the mod, it is nice and useful... some might like another more or less however not all forums need the same shoutbox ;) so hats off to DionDev eh?

S-MAN

thanks but no thanks too generic looks like that horrible looking one phpbb cam out with a while back

Well use some of your forums css if using a custom style OR google css, find a good site w/ some tutorials and do something about it ;) remember what I said, to some this might be all they need.

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!

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.

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

Copy of module (CMPS)
Attachment 97246

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


regards

macc

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 :confused: ... 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

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

Great tutorial!

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.

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

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

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

@CFodder
:o
Works like charm, thanks :up:

Thank you all guys

Regards
Goran

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

Is there an edit I can do to allow mods to delete chatbox posts? We only have 2 admins and don't have time to monitor the chatbox.

Well, frames are disabled on most mobile phones and ancient web browsers. Considering neither of these support AJAX, it doesn't really matter.

Place the template.txt code in your "footer" template just above "$spacer_close"

Currently only admins can delete them. I will add a mod option in the next version.

hmm weird but one of my mods cant shout its saying she must be logged in to shout but she is logged in :S

Dang. I was hoping it was quick code insert. I'll just shelve this until the next version comes out.

Is her user ID = 0?

nope its 7 and its only her the other mods can see it and use it

Oooooh, usually it's the other way 'round :p :).

Have to put those tr and td's in any template/code you create for modules and you won't have that title bar or layout problems :) ... learnt that one the hard way myself ;).

Dion, if it's ok I'll pm you the link as will have to create a temp account for you to log in with.

works great! One question though, is there any way possible to add a smilie box directly to the side of the shout box?

Makes no sense. Have her try and log out and back in.

Cfodder I checked your site and it seems to be quite slow. This lag could cause a large delay in the AJAX response.

Next version there will a small smilies dropdown and a few bbcode buttons.

cool. Can't wait for that one.