vb.org Archive - Chat Modifications - ZH

While I couldn't get this to work in the format that you provided in Post #1, I did manage to get the shoutbox to function at the top of every Forumdisplay page (with the exception of the dropdown font shortcuts, which most people can overlook if they know how to manually set font sizes and fonts.)

Here is how I did it, for those members who might be having similar problems.
This is simply an easy and super quick copy and paste fix.
This has been tested to work on vb3.7.0 BETA 3 and it works.

Customize/Edit your style's Forumdisplay Template.

Find $navbar and add below that:

Code:

<form action="vbshout.php?{$session['sessionurl']}" method="post" name="vbshoutform" onsubmit="return postShout(this)">

<input type='hidden' name='do' value='shout' />

<input type='hidden' name='color' />

<input type='hidden' name='fontFamily' />

<input type='hidden' name='fontWeight' />

<input type='hidden' name='textDecoration' />

<input type='hidden' name='fontStyle' />



<div id='shout_emo' style='display:none'>

                <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

                <tr>

                        <td class="tcat" align="center">

                                Emoticons

                        </td>

                </tr>

                <tr>

                        <td class='alt2' width='100%' height='100%' align='center' valign='top'>

                                $Smilie_Build

                        </td>

                </tr>

                </table>

        <br />

</div>

                <table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

                <thead>

                <tr>

                        <td class="tcat" align="center">

                                <a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumhome_vbshout')"><img id="collapseimg_forumhome_vbshout" src="$stylevar[imgdir_button]/collapse_tcat$vbcollapse[collapseimg_vbshout].gif" alt="" border="0" /></a>

                                <a href='vbshout.php?{$session['sessionurl_q']}do=archive'>Shoutbox</a>

                        </td>

                </tr>

                </thead>

                <tbody id="collapseobj_forumhome_vbshout" style="$vbcollapse[collapseobj_forumhome_vbshout]">

                        <tr>

                                <td class="alt1" align="left" width="100%">

                                <if condition="!$vboptions[shout_editor_position]">

                                        <if condition="$bbuserinfo[userid] > 0">

                                        <table width='100%' border='0' cellpadding='0' cellspacing='0'>

                                                <tr>

                                                <td width='100%'>

                                                        <input type="text" name="shout" style="width: 90%" class="bginput" />

                                                </td>

                                                <td style='white-space:nowrap' width='1%'>

                                                        <input type="submit" value="Shout" class="button" />

                                                        <if condition="$vboptions[shout_extra_options]">

                                                        <input type='button' class='button' value='Clear' onclick='sb_Clear()' />

                                                        <input type='button' class='button' value='Smilies' onclick='sb_Smilies(this)' />

                                                        <input type='button' class='button' style='font-weight:bold' value='B' onclick='sb_PropChange_Button(this, "fontWeight")' />

                                                        <input type='button' class='button' style='text-decoration:underline' value='U' onclick='sb_PropChange_Button(this, "textDecoration")' />

                                                        <input type='button' class='button' style='font-style:italic' value='I' onclick='sb_PropChange_Button(this, "fontStyle")' />

                                                        <select name='font_color' onchange='sb_PropChange(this, "color")'>

                                                                {$DropDowns['color_selector']}

                                                        </select>

                                                        <select name='font_selector' onchange='sb_PropChange(this, "fontFamily")'>

                                                                {$DropDowns['font_selector']}

                                                        </select>

                                                        </if>

                                                </td>

                                        </tr>

                                        </table>

                                        <div style="height: 2px"></div>

                                        </if>

                                </if>

                                        <div id="vbshout" style="overflow:auto;height:{$vboptions['shout_box_height']}px;width:100%;">

                                                Loading...

                                        </div>

                                <if condition="$vboptions[shout_editor_position]">

                                        <if condition="$bbuserinfo[userid] > 0">

                                        <div style="height: 2px"></div>

                                        <table width='100%' border='0' cellpadding='0' cellspacing='0'>

                                        <tr>

                                                <td width='100%'>

                                                        <input type="text" name="shout" style="width: 90%" class="bginput" />

                                                </td>

                                                <td style='white-space:nowrap' width='1%'>

                                                        <input type="submit" value="Shout" class="button" />

                                                        <if condition="$vboptions[shout_extra_options]">

                                                        <input type='button' class='button' value='Clear' onclick='sb_Clear()' />

                                                        <input type='button' class='button' value='Smilies' onclick='sb_Smilies(this)' />

                                                        <input type='button' class='button' style='font-weight:bold' value='B' onclick='sb_PropChange_Button(this, "fontWeight")' />

                                                        <input type='button' class='button' style='text-decoration:underline' value='U' onclick='sb_PropChange_Button(this, "textDecoration")' />

                                                        <input type='button' class='button' style='font-style:italic' value='I' onclick='sb_PropChange_Button(this, "fontStyle")' />

                                                        <select name='font_color' onchange='sb_PropChange(this, "color")'>

                                                                {$DropDowns['color_selector']}

                                                        </select>

                                                        <select name='font_selector' onchange='sb_PropChange(this, "fontFamily")'>

                                                                {$DropDowns['font_selector']}

                                                        </select>

                                                        </if>

                                                </td>

                                        </tr>

                                        </table>

                                        </if>

                                </if>

                                </td>

                        </tr>

                </tbody>

                </table>





</form>

<br />



<script type='text/javascript'>

<!--



postingShout = false



function requestShouts()

{

        if (!postingShout)

        {

                ShoutRequest = new vB_AJAX_Handler(true)

                ShoutRequest.onreadystatechange(showShouts)

                ShoutRequest.send('vbshout.php', 'nocache=' + (5 * Math.random() * 1.33) )

        }

}



function showShouts()

{

        if (ShoutRequest)

        {

                if (ShoutRequest.handler.readyState == 4 && ShoutRequest.handler.status == 200 && ShoutRequest.handler.responseText)

                {

                        Shouts           = fetch_object('vbshout')

                        Shouts.innerHTML = '<table cellpadding="1" cellspacing="3" border="0" width="95%" align="left">' + ShoutRequest.handler.responseText + '</table>'

                        setTimeout('requestShouts()', 10000)

                        <if condition="$vboptions[shout_messages_order]">

                        document.getElementById('vbshout').scrollTop = 99999;

                        </if>

                }

        }

}



function sb_CollectHV(sbForm)

{

        rString = ''

        inputObjs = sbForm.getElementsByTagName('input')

        for (i = 0; i < inputObjs.length; i++)

        {

                if (inputObjs[i].type == 'hidden' && inputObjs[i].value != '')

                {

                        rString += '&' + inputObjs[i].name + '=' + PHP.urlencode(inputObjs[i].value)

                }

        }



        return rString

}



function postShout(formObj)

{

        doShout = new vB_AJAX_Handler(true)

        doShout.onreadystatechange(postedShout)



        if (postingShout)

        {

                alert('Posting in progress..')

                return false

        }



        Shout = formObj.shout.value



        if (Shout.replace(/ /g, '') == '')

        {

                alert('You must enter a shout!')

                return false

        }



        doShout.send('vbshout.php', 'do=shout&shout=' + PHP.urlencode(Shout) + sb_CollectHV(document.forms['vbshoutform']))

        sb_Clear()

        postingShout = true



        return false

}



function postedShout()

{

        if (doShout.handler.readyState == 4 && doShout.handler.status == 200)

        {

                postingShout = false

                requestShouts()

        }

}



function sb_Input_SC(sProperty, setting)

{

        eval('document.forms["vbshoutform"].shout.style.' + sProperty + ' = "' + setting + '"')

        eval('document.forms["vbshoutform"].' + sProperty + '.value = "' + setting + '"')

}



function getSelectionValue(eSelector)

{

        return eSelector.options[eSelector.options.selectedIndex].value == 'Default' ? '' : eSelector.options[eSelector.options.selectedIndex].value

}



function sb_PropChange(eSelector, sProperty)

{

        sb_Input_SC(sProperty, getSelectionValue(eSelector))

}



function sb_PropChange_Button_Value(sProperty)

{

        trueValue = ''

        switch (sProperty)

        {

                case 'fontWeight':

                falseValue = 'bold'

                break;



                case 'textDecoration':

                falseValue = 'underline'

                break;



                case 'fontStyle':

                falseValue = 'italic'

                break;

        }



        return (eval('document.forms["vbshoutform"].' + sProperty + '.value'))? trueValue : falseValue

}



function sb_PropChange_Button(cButton, sProperty)

{

        if (cButton.value.match(/\*/))

        {

                cButton.value = cButton.value.replace(/\s+\*/, '')

        }

        else

        {

                cButton.value = cButton.value + ' *'

        }



        sb_Input_SC(sProperty, sb_PropChange_Button_Value(sProperty))

}



function sb_Smilie(code)

{

        document.forms["vbshoutform"].shout.value += ' ' + code

        return false

}



function sb_Clear()

{

        document.forms["vbshoutform"].shout.value = ''

        return true;

}



function sb_Smilies(cButton)

{

        if (cButton.value.match(/\*/))

        {

                cButton.value = cButton.value.replace(/\s+\*/, '')

        }

        else

        {

                cButton.value = cButton.value + ' *'

        }

        

        document.getElementById('shout_emo').style.display = (document.getElementById('shout_emo').style.display == 'none')? '' : 'none'

}



requestShouts()



-->

</script>

Save your work and it simply works. No other edits are necessary.
You will have a single shoutbox at the top of every forumdisplay page.

((If my explaining this isn't allowed, then the Admins can remove it. Thanks.))

X vBulletin 3.8.12 by vBS Debug Information

Page Generation 0.01398 seconds
Memory Usage 1,867KB
Queries Executed 10 (?)

More Information

Template Usage:

(1)ad_footer_end
(1)ad_footer_start
(1)ad_header_end
(1)ad_header_logo
(1)ad_navbar_below
(7)bbcode_code_printable
(5)bbcode_quote_printable
(1)footer
(1)gobutton
(1)header
(1)headinclude
(6)option
(1)pagenav
(1)pagenav_curpage
(2)pagenav_pagelink
(1)post_thanks_navbar_search
(1)printthread
(34)printthreadbit
(1)spacer_close
(1)spacer_open

Phrase Groups Available:

global
postbit
showthread

Included Files:

./printthread.php
./global.php
./includes/init.php
./includes/class_core.php
./includes/config.php
./includes/functions.php
./includes/class_hook.php
./includes/modsystem_functions.php
./includes/class_bbcode_alt.php
./includes/class_bbcode.php
./includes/functions_bigthree.php

Hooks Called:

init_startup
init_startup_session_setup_start
init_startup_session_setup_complete
cache_permissions
fetch_threadinfo_query
fetch_threadinfo
fetch_foruminfo
style_fetch
cache_templates
global_start
parse_templates
global_setup_complete
printthread_start
pagenav_page
pagenav_complete
bbcode_fetch_tags
bbcode_create
bbcode_parse_start
bbcode_parse_complete_precache
bbcode_parse_complete
printthread_post
printthread_complete

Messages:

X vBulletin 3.8.12 by vBS Debug Information
Page Generation 0.01398 seconds Memory Usage 1,867KB Queries Executed 10 (?)
More Information
Template Usage: (1)ad_footer_end (1)ad_footer_start (1)ad_header_end (1)ad_header_logo (1)ad_navbar_below (7)bbcode_code_printable (5)bbcode_quote_printable (1)footer (1)gobutton (1)header (1)headinclude (6)option (1)pagenav (1)pagenav_curpage (2)pagenav_pagelink (1)post_thanks_navbar_search (1)printthread (34)printthreadbit (1)spacer_close (1)spacer_open Phrase Groups Available: global postbit showthread	Included Files: ./printthread.php ./global.php ./includes/init.php ./includes/class_core.php ./includes/config.php ./includes/functions.php ./includes/class_hook.php ./includes/modsystem_functions.php ./includes/class_bbcode_alt.php ./includes/class_bbcode.php ./includes/functions_bigthree.php Hooks Called: init_startup init_startup_session_setup_start init_startup_session_setup_complete cache_permissions fetch_threadinfo_query fetch_threadinfo fetch_foruminfo style_fetch cache_templates global_start parse_templates global_setup_complete printthread_start pagenav_page pagenav_complete bbcode_fetch_tags bbcode_create bbcode_parse_start bbcode_parse_complete_precache bbcode_parse_complete printthread_post printthread_complete
Messages: