"Who Is Online (Shouting)" in the vbShout shoutbox

The original vbShout is required for this (obviously) and can be downloaded here:
https://vborg.vbsupport.ru/showthread.php?t=93097

Because my members keep using the shoutbox more as a chat room, they asked if it would be possible to get a list of users currently online/participating in the shoutbox.
OK, and this is what I smashed together as an answer to this request

This addon adds an IRC like userlist to the right side of the shoutbox.
Like the shoutbox itself, the userlist gets updated with AJAX calls as well, so it's always up-to-date, no reloading required

Technically it shows a list of everyone who shouted in the last three minutes.
Who hasn't shouted for three minutes is considered "to be somewhere else" and no longer available to talk to, and so does not get listed anymore.


*INSTALLATION*
================
Is pretty easy.
Just upload the "vbshoutwol.php" to your forums root (i.e. .../forum/) and do the two edits (described in the README) to the "forumhome_vbshout" template for all styles you wanna use the WOL list on.

If you have the "Template Manager" installed on your board you can simply import the template .XML also included in this archive - this saves you the manual edits

"Template Manager" can be found here:
https://vborg.vbsupport.ru/showthread.php?t=91038

Have fun!

[Hellcat]

Hmm.... I tested the snipped posted, in FF and IE - both worked fine.

So I have no clue why it's so off for you.
But you can try to put the shoutbox and the WOL inside a table, as a workaround.

To do this, replace the snippet post by this one:

					<table width="100%"><tr><td width="88%">
					<div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;float:left;">
						Loading...
					</div>
					</td><td width="12%">
					<div id="vbshoutwol" class="alt2" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;float:right;">
					<div id="vbshoutwolhd" class="tcat">Shouting:</div>
					<div id="vbshoutwolusers">
						Loading...
					</div>
					</div>
					</td></tr></table>

This puts it into a table with one row for the shoutbox itself and one for the WOL.

[Luggruff]

Originally Posted by Hellcat

Hmm.... I tested the snipped posted, in FF and IE - both worked fine.

So I have no clue why it's so off for you.
But you can try to put the shoutbox and the WOL inside a table, as a workaround.

To do this, replace the snippet post by this one:

					<table width="100%"><tr><td width="88%">
					<div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;float:left;">
						Loading...
					</div>
					</td><td width="12%">
					<div id="vbshoutwol" class="alt2" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;float:right;">
					<div id="vbshoutwolhd" class="tcat">Shouting:</div>
					<div id="vbshoutwolusers">
						Loading...
					</div>
					</div>
					</td></tr></table>

This puts it into a table with one row for the shoutbox itself and one for the WOL.

Thanks, works like a charm !
But one thing though: am I totally off or don't you have to use z-index (layers) on divs if you want to place them beside eachother?
I mean, a div "owns" the row it is in, as you can set it to left, center and right.

That's my experience as a html/css coder =\

[o0Hubba0o]

All I did was in the forumhome_vbshout, in this part here...

    <div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:88%;float:left;">
      Loading...
    </div>

    <div id="vbshoutwol" class="alt2" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:12%;float:left;">
      <div id="vbshoutwolhd" class="tcat">Shouting:</div>
      <div id="vbshoutwolusers">
        Loading...
      </div>
    </div>
    <div style="clear:both;"><img src="$vboptions[cleargifurl]" border="0" hight="1" width="1" /></div>

...I deleted the part in red, the: class="alt2". And it's working like a charm in IE and FF.

[OWNAGE TIME]

So xbf2.com/forums in firefox its going under it. Anyhelp.

~Ownage

[Hellcat]

Originally Posted by OWNAGE TIME

So xbf2.com/forums in firefox its going under it. Anyhelp.

~Ownage

Some people seem to have this.
See a few posts above for some ways to get it right

[obmob]

wol is not refreshing automatically, you must refresh the whole page to get it to show who is online.

Am i doing something wrong?

[zell_11]

There is errors in Fire Fox with it not being at the side but at the bottom. Anyway to fix this?

[o0Hubba0o]

Originally Posted by zell_11

There is errors in Fire Fox with it not being at the side but at the bottom. Anyway to fix this?

Yes by reading this whole thread? Hehe, just messing but post number #43 or so:

Originally Posted by o0Hubba0o

All I did was in the forumhome_vbshout, in this part here...

    <div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:88%;float:left;">
      Loading...
    </div>

    <div id="vbshoutwol" class="alt2" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:12%;float:left;">
      <div id="vbshoutwolhd" class="tcat">Shouting:</div>
      <div id="vbshoutwolusers">
        Loading...
      </div>
    </div>
    <div style="clear:both;"><img src="$vboptions[cleargifurl]" border="0" hight="1" width="1" /></div>

...I deleted the part in red, the: class="alt2". And it's working like a charm in IE and FF.

I had the same problem as you and this is how I fixed it.

[ShadowOne]

Originally Posted by Hellcat

Hmm.... I tested the snipped posted, in FF and IE - both worked fine.

So I have no clue why it's so off for you.
But you can try to put the shoutbox and the WOL inside a table, as a workaround.

To do this, replace the snippet post by this one:

					<table width="100%"><tr><td width="88%">
					<div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;float:left;">
						Loading...
					</div>
					</td><td width="12%">
					<div id="vbshoutwol" class="alt2" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;float:right;">
					<div id="vbshoutwolhd" class="tcat">Shouting:</div>
					<div id="vbshoutwolusers">
						Loading...
					</div>
					</div>
					</td></tr></table>

This puts it into a table with one row for the shoutbox itself and one for the WOL.

That Fixed The Problem For Me On Firefox...

[Snake]

Thanks for the hack. I have it installed on my forums.

www.bonethugsforums.com