[Script] Move Shoutbox

[PF]

Nov 24, 2012 10:06:52 GMT -8 smashwords2 said:

I got code to work only in the Global Footer. When code placed in Global Header the Shoutbox failed to appear. I had no other code in GH, but had some minor code in GF.

I want to put the shoutbox on the side bar, so I would have to install a sidebar plug-in and then this code?

<div id="move-shoutbox"></div>

Put this in your Global Footer.

<script type="text/javascript">

$(document).ready(function() {
$('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

[TIKOLICIOUS]

I use this script on this forum and on the page load, the shout box loads in the middle of the shouts/conversation verses the last message. Is there anyway we can correct that?

[pitszal]

Nov 23, 2012 19:31:49 GMT -8 Jordan said:

This code will place the shoutbox wherever you put the red code (which can be placed inside a plugin such as the sidebar plugin). The rest of the code should be placed in your Global Header or Footer.

So place the red wherever you want the shoutbox to appear.

<div id="move-shoutbox"></div>

And the code below should go in your Global Footer.

<script type="text/javascript">

$(document).ready(function() {
      $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

I just downloaded the shoutbox and  did the above. now it is on the top of my forum. What did I do wrong?

Where do I put the red link if I want it o the left .

Thanks  

[housuke]

I did all this and works great, just a question. when browsing through the forums I see another side object but not the shoutbox itself.. could it be the plug in or just the shoutbox code..

[Stinky666]

Oct 13, 2013 18:00:03 GMT -8 housuke said:

I did all this and works great, just a question. when browsing through the forums I see another side object but not the shoutbox itself.. could it be the plug in or just the shoutbox code..

It'd be best to link to your forum
Make sure we guests have access to be able to view the problem. It'll be much quicker for someone to help.

[kenderbard]

Not sure if I should put this here or the sidebar redux discussion. Is there any way to move the shoutbox into a sidebar and then have it show up on all pages?

thehomestuckglitch.proboards.com/

[lhouston7693]

Where actually do you put the red code? This is what I have after trying...

Attachments:

[kenderbard]

Nov 21, 2013 10:15:49 GMT -8 kenderbard said:

Not sure if I should put this here or the sidebar redux discussion. Is there any way to move the shoutbox into a sidebar and then have it show up on all pages?

thehomestuckglitch.proboards.com/

Still having this problem with the shoutbox only showing up on the main page.

[Tressa]

Do you have the code in the Global Footer?

[kenderbard]

I do.

[fouad796]

Hello
Is there a way to put it on top of Forum Information & Statistics ?
Best regards

[Rajiv]

I want the Shoutbox at the top of my home page only.

Nov 23, 2012 19:31:49 GMT -8 Jordan said:

....

... the code below should go in your Global Footer.

<script type="text/javascript">

$(document).ready(function() {
      $('#move-shoutbox').append($('div.shoutbox.container.full'));
});

</script>

Done.

Nov 23, 2012 19:31:49 GMT -8 Jordan said:

....

So place the red wherever you want the shoutbox to appear.

....

I placed it on Structures > Headers & Footers > Main Header

Plus

Jan 24, 2014 18:56:55 GMT -8 pawl said:

In your Layout Templates, take a look at the forum wrapper. Towards the bottom will be your shoutbox variable, just add in the bold;

{if $[route.name] == "home"}{if $[shoutbox]}$[shoutbox]{/if}{/if}


=]

Seems to work.

[pbear]

Very quick question (and I hope simple - though I can't seem to fathom it!).

Where do I put:

<div id="move-shoutbox"></div>
In order to move the Shoutbox in-between the Forum List and the Forum Information & Statistics?

At the moment it is right at the bottom of my forum (beneath the Forum Information & Statistics).

In the Forum Wrapper placing Shoutbox above Content places it at the top of the forum.

To confirm - I'd like to put the Shoutbox above "Forum Information & Statistics" (I believe it was called the Welcome/Info Center back in the day) which includes things like Users Online, but below the actual Forum Board List.

Any help here would be super appreciated, thank you all so much for any assistance.

[Tressa]

Do you want the Shoutbox only on the Home page? Place the code in the Home template just above "{if $[legend]}" about line 11.

[pbear]

Feb 3, 2014 7:33:09 GMT -8 Tressa said:

Do you want the Shoutbox only on the Home page? Place the code in the Home template just above "{if $[legend]}" about line 11.

That worked beautifully, Tressa. Thanks for for the swift reply.

A couple of questions if that's alright:

1. The Shoutbox is still displayed on other pages (for example at the bottom of threads). Is there a setting I'm missing that would have kept the Shoutbox to ONLY the Home page?

2. If the Shoutbox is either on all pages or none (and I want to keep it) is there also a way to move the Shoutbox on other pages? For example in boards I'd like it above "Board Information & Statistics", and in replies I'd like it just under the "Quick Reply".

Thanks again, Tressa, and even if you're not sure on the above questions I really appreciate your first response.