[REQ] Shoutbox integration

[Sovereign]

I found vBShout at vB.org, and was wondering if it was possible to put this on the homepage?

[ragintajin]

I'd like to second that motion.

[Jason McConnell]

Me three

[Sovereign]

*Goes to vB.org to request integration....*

[Sovereign]

vB.org failure, returning here!

[Scotty2k]

I changed the template of vbshout to the following and it works. But i have some problems to fix the height of the box .. perhaps someone here has some ideas how to make it better

PHP Code:

<form action="forum/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' />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<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%'>
                    <textarea name="shout" style="width: 90%" rows="4" cols="15" class="bginput" /></textarea>
                </td></tr>
                <tr><td style='white-space:nowrap' width='1%'>
                    <input type="submit" value="Shout" class="button" />
                                    </td>
            </tr>
            </table>
            <a href='#' id='vbshout_emoticon'><if condition="$vboptions[shout_extra_options]">Emoticons</if></a>
            <div style="height: 2px"></div>
            </if>
        </if>
            <div id="vbshout" style="overflow:auto;height:100px;width:100%;";>
                Loading...
            </div>
        <if condition="$vboptions[shout_editor_position]"><if condition="$bbuserinfo[userid] > 0">
        </if> </if> </td>
    </tr>
</tbody>
</table>
</form>
<br />

<div class="vbmenu_popup" id="vbshout_emoticon_menu" style="display:none;overflow:auto;white-space:nowrap;width:{$vboptions['shout_emo_width']}px;padding:8px;height:{$vboptions['shout_emo_height']}px;vertical-align:top;">
    <table width='100%' style='height:100%;white-space:nowrap;vertical-align:top;' border='0' cellpadding='0' cellspacing='0'>
    <tr>
        <td width='100%' style='height:100%;white-space:nowrap;vertical-align:top;'>
            $Smilie_Build
        </td>
    </tr>
    </table>
</div>

<script type='text/javascript'>
<!--
vbmenu_register('vbshout_emoticon', true)

postingShout = false

function requestShouts()
{
    if (!postingShout)
    {
        ShoutRequest = new vB_AJAX_Handler(true)
        ShoutRequest.onreadystatechange(showShouts)
        ShoutRequest.send('forum2/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="98%" align="left">' + ShoutRequest.handler.responseText + '</table>'
            setTimeout('requestShouts()', 10000)
        }
    }
}

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('forum/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
}

function sb_Clear()
{
    document.forms["vbshoutform"].shout.value = ''
    return true;
}

requestShouts()

-->
</script> 


[Sovereign]

Exactly how does it 'work'? Do I use it as a module in the CMPS or what?

[Mr.G]

vbshout is a hack that you can download off vbulletin.org

[Diver]

Originally Posted by Scotty2k

I changed the template of vbshout to the following and it works. But i have some problems to fix the height of the box .. perhaps someone here has some ideas how to make it better

PHP Code:

<form action="forum/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' />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<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%'>
                    <textarea name="shout" style="width: 90%" rows="4" cols="15" class="bginput" /></textarea>
                </td></tr>
                <tr><td style='white-space:nowrap' width='1%'>
                    <input type="submit" value="Shout" class="button" />
                                    </td>
            </tr>
            </table>
            <a href='#' id='vbshout_emoticon'><if condition="$vboptions[shout_extra_options]">Emoticons</if></a>
            <div style="height: 2px"></div>
            </if>
        </if>
            <div id="vbshout" style="overflow:auto;height:100px;width:100%;";>
                Loading...
            </div>
        <if condition="$vboptions[shout_editor_position]"><if condition="$bbuserinfo[userid] > 0">
        </if> </if> </td>
    </tr>
</tbody>
</table>
</form>
<br />

<div class="vbmenu_popup" id="vbshout_emoticon_menu" style="display:none;overflow:auto;white-space:nowrap;width:{$vboptions['shout_emo_width']}px;padding:8px;height:{$vboptions['shout_emo_height']}px;vertical-align:top;">
    <table width='100%' style='height:100%;white-space:nowrap;vertical-align:top;' border='0' cellpadding='0' cellspacing='0'>
    <tr>
        <td width='100%' style='height:100%;white-space:nowrap;vertical-align:top;'>
            $Smilie_Build
        </td>
    </tr>
    </table>
</div>

<script type='text/javascript'>
<!--
vbmenu_register('vbshout_emoticon', true)

postingShout = false

function requestShouts()
{
    if (!postingShout)
    {
        ShoutRequest = new vB_AJAX_Handler(true)
        ShoutRequest.onreadystatechange(showShouts)
        ShoutRequest.send('forum2/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="98%" align="left">' + ShoutRequest.handler.responseText + '</table>'
            setTimeout('requestShouts()', 10000)
        }
    }
}

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('forum/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
}

function sb_Clear()
{
    document.forms["vbshoutform"].shout.value = ''
    return true;
}

requestShouts()

-->
</script> 


has anyone tested this?
so just added this template as a box?

i would love to use this after upgrading to 3.5

[Sovereign]

What I meant is, where does that new code go? And how do I install vBShout into the CMPS? Module? Page? Dummy description please. *feels n00bish*

[Scotty2k]

Just install vbshout with your plugin manager. After thatadd a new Modul in your CMPS with a new template and add my code.

Make sure, that the path in my code is the same to your forum, if not you have to edit 3 Lines

PHP Code:

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


PHP Code:

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


PHP Code:

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


The Shoutbox works in CMPS but the design and the textlenght is not very nice, so i tried to chance the template "forumhome_vbshout_shout" to fit the design. Here is my modified template

PHP Code:

<if condition="!$Shout[s_me]">
                        <tr><td class="smallfont"><if condition="$Shout[s_by]">
                            <a href='member.php?{$session['sessionurl_q']}u={$Shout['s_by']}'>
                        </if>{$Shout['username']}<if condition="$Shout[s_by]"></a></if>:
                        <tr>
                          <td class="smallfont"style="white-space:nowrap" align="left" valign="top">{$Shout['time']}                        
                    </if>
                </td></tr>
                <td  class="smallfont" width="98%" align="left">
                    <if condition="!$Shout[s_me]">
                        {$Shout['s_shout']}
                    <else />
                        <span class='highlight'>
                            *{$Shout['username']} {$Shout['s_shout']}*
                        </span>
                    </if>
                </td>
            </tr> 


Now i have only one problem.. the text is to long and i don´t know how to brake the lines after a defined number of charakters

[Sovereign]

The shoutbox messes up my site, it makes all the columns on the right side and posts the whole width of the screen... And it doesn't work. I get a white page after I try to shout.

[Scotty2k]

Did you checked the path to your forum vbshout.php in my template example ?

[Timewalk]

I want the shoutbox on my portal page only, not on my forums page, is there a way to do that?, or is it impossible with vbshout??

[Loco Macheen]

Originally Posted by Timewalk

I want the shoutbox on my portal page only, not on my forums page, is there a way to do that?, or is it impossible with vbshout??

yes its very possible,, i believe thats what this thread is about :P

[Timewalk]

Originally Posted by Loco Macheen

yes its very possible,, i believe thats what this thread is about :P

Ya but as soon as you install the plugin for vbshout, the shoutbox ends up on forumhome..

[Timewalk]

Heres how mine looks, theres nothing in it, or a place to execute a shout??

http://www.microsoftforums.org/

[Neises]

Anyone try vBShout on every page yet?

[Gizmo[5h1t3]]

Originally Posted by Neises

Anyone try vBShout on every page yet?

yep, and i spent 2 hours after it re installing a backup, as it totally crashed my board out.

[Loco Macheen]

Originally Posted by Timewalk

Ya but as soon as you install the plugin for vbshout, the shoutbox ends up on forumhome..

oh. i think it should be.. scotty almost has it, i treid his method, but it thu my boards out of wack.. hopefully osmeone will give it a shot