Chat Modifications - vBulletin 3.x Shoutbox 1.0 (AJAX)

vBulletin 3.x Shoutbox 1.0 is a simple PHP and AJAX shoutbox script that is fully integrated with the vBulletin forum system. Once you have installed it you can place it in any of your vBulletin forum templates.

Features:

* Tested to work with vBulletin 3.x.
* It uses AJAX. This means that every time a new shout is posted by someone it will instantly display in the shoutbox without the page having to be refreshed.
* It is fully customizable. You can allow guests to post, select the number of shouts to display, and even change the name of the shoutbox.
* Only takes about 2 minutes to install. With very simple instructions in a small text file, you will have a unique shoutbox on your forum up and running in no time.
* It automatically inherits the style of the forum. If your forum has multiple style options, it uses the style the user has selected.

Demo: http://www.diondev.com/forums/

Support: http://www.diondev.com/forums/f7/

[Joshyyy]

Looks good, i think i'll wait for v2 if you don't mind !
Sounds alot more fun :P

[meraia]

This wonderful
thanx

[DionDev]

Originally Posted by chadi

Can you please explain how to stack them? I can modify the code, just need to know what the modification is that must be done.

Please explain about the scrolling too :X (sorry)

I'm a decent css learner, but programming I'm just a good listener

So the scrolling, this will allow scrolling only the message area while the type field area is static, just like the shoutbox I have now on my site, correct?

open up shoutbox.php

replace this:

<table cellpadding="0" cellspacing="0" border="0" width="100%">
<tr>
<td width="1%" valign="top" style="padding-right: 15px;">

  <table cellpadding="5" cellspacing="1" border="0" width="175" class="tborder">
  <tr>
  <td width="100%" align="center" class="thead">

    <?php echo $shoutboxname; ?>

  </td>
  </tr>
  <tr>
  <td width="100%" align="center" class="alt2" style="padding: 10px 5px 10px 5px;">
  
    <font class="smallfont">

    <?php
    
    if ($vbulletin->userinfo['userid'] == 0 && $guestshouts == false)
    {
      echo "You must be logged in to send shouts.";
    }
    else
    {
    ?>
      <form name="shoutform" method="POST" onsubmit="saveData(); return false;" style="margin: 0px;">
      <input type="text" name="message" maxlength="500" onFocus="if(this.value=='type message here') this.value='';" onblur="if(this.value=='') this.value='type message here';" value="type message here" style="width: 155px; margin-bottom: 10px;" class="bginput" /><br />
      <input type="submit" name="submit" value="Submit Shout" class="button" />
      </form>
    <?php
    }
    ?>
    
    </font>

  </td>
  </tr>
  </table>

</td>
<td width="99%" valign="top">

  <div id="shoutarea"></div>

</td>
</tr>
</table>

with this:

<table cellpadding="5" cellspacing="1" border="0" width="100%" class="tborder" style="margin-bottom: 5px;">
<tr>
<td width="100%" align="center" class="thead">

  <?php echo $shoutboxname; ?>

</td>
</tr>
<tr>
<td width="100%" align="center" class="alt2">

  <font class="smallfont">

  <?php
  
  if ($vbulletin->userinfo['userid'] == 0 && $guestshouts == false)
  {
    echo "You must be logged in to send shouts.";
  }
  else
  {
  ?>
    <form name="shoutform" method="POST" onsubmit="saveData(); return false;" style="margin: 0px;">
    
    <table cellpadding="0" cellspacing="0" border="0" width="100%">
    <tr>
    <td width="99%" style="padding-right: 5px;">
    
      <input type="text" name="message" maxlength="500" onFocus="if(this.value=='type message here') this.value='';" onblur="if(this.value=='') this.value='type message here';" value="type message here" class="bginput" style="width: 100%;" /> 
    
    </td>
    <td width="1%">
    
      <input type="submit" name="submit" value="Submit Shout" class="button" />
      
    </td>
    </tr>
    </table>
    
    </form>
  <?php
  }
  ?>
  
  </font>

</td>
</tr>
</table>

<div id="shoutarea"></div>

let me know how that works out for you.

Originally Posted by ECMatt90

Seems pretty cool and will probably download it tomorrow, is there anyway to add a sound when someone posts a new shout in the shoutbox?

yeah would require a minor javascript modification

Originally Posted by rapidphim

Questions:
1/ How many query does this one use?
2/ Options for admin to delete shout messages?
3/ when you scroll down the box, the shoutbox also scroll. Is there away to keep the shoutbox message box stays still while you scroll the text box?
4/ Also, is there an option to make the shoutbox stay on top of the forum throughout regardless which forum/page we are in?

1/ four. 1 to get the shout, 1 to send it, 1 to check to see if old shouts need to be removed, and 1 to remove old shouts.
2/ coming next version
3/ would require frames or some css modifications, i will add this to version 2
4/ yes, by adding it to the forum navbits template or header

Originally Posted by rapidphim

Is it possible for you to create a skin/style in white for working folks who would like to be in the forum and be at work at the same time (avoid attention from boss)? I have been looking around for one but there are none.

i will be making a white skin like the one on my site with with red, green, and blue variations. i will also be making a black version of the skin on my site with red, green, and blue variations.

[rapidphim]

Thanks Dion. I'd wait for version 2. Also, any ETA on releasing your skins?

[DionDev]

Originally Posted by rapidphim

Thanks Dion. I'd wait for version 2. Also, any ETA on releasing your skins?

a week or 2

[ECMatt90]

Does that mean you can post up how to add the sound? or not?

[macc]

Hello!
what to do to get date on shoutbox messages - (not only time)?


regards

macc

[bvbuk]

the only problem i have is posting characters

!"£$%^&*()_

[Y-ZOOM]

man it's rally great

but 1 problem .. not support the arabic language .. oh

please fix that ..

thank you

[tuaguild]

yeah i am not going to keep this installed i think it needs more dev but it is an all around cool mod. also think of making a product file to do all the sql table adding for the user