 |
 |
 |
 |
#315254 - 08/17/07 10:36 PM
[7.2.1] - Naked shoutbox
|
Enthusiast
Registered: 11/08/03
Posts: 442
Loc: SoCal
|
The shoutbox has been a problem for some sites in that it was perceived to be causing issues on boards ranging from small 'hiccups' to 'catastrophic whatever'. Some people suggested the idea of opening the shoutbox in it's own window.. Hence the 'naked shoutbox' is born: Steps to implement: create a new file called nakedshout.tpl past the following into it: {* Script Version 7.2.1 *}
{* SD - Mod: The naked shoutbox is born! *}
<html>
<head>
<link rel="stylesheet" href="{$stylesheet}" type="text/css" />
<script type="text/javascript" src="{$config.BASE_URL}/ubb_js/ubb_jslib.js"></script>
<script type="text/javascript" src="{$config.BASE_URL}/ubb_js/shoutbox.js"></script>
<script language="javascript" type="text/javascript">
var confirmText = "{$lang.CONFIRM}";
var notLogged = "{$lang.NO_SHOUT}";
var baseurl = "{$config.BASE_URL}";
var fullurl = "{$config.FULL_URL}";
var imagedir = "{$style_array.general}";
var myUid = '{$myid}'; // Don't get excited, you can't exploit this :D
var submitClicked = "{$lang.SUBMIT_CLICKED}";
</script>
<title>Naked Shout - powered by UBB.threads™</title>
</head>
<body>
<table width="810px" height="610px" cellpadding="0" cellspacing="0" border="0">
<tr><td>
{$tbopen}
<tr>
<td class="tdheader">{$lang.SHOUT_BOX}</td>
</tr>
<tr>
<td class="alt-1">
<div id="shout_box" style="height:600px; width: 800px; overflow:auto;">
<div id="shout_content" style="height: 584px;">
</div>
</div>
<form name="shoutbox" method="post" action = "" onsubmit="shoutit();return false;">
<div align="center">
<span id="shout_field">
<input type="text" name="shoutbody" size="80" class="form-input" maxlength="255" value="" onenter="shoutit()" />
</span>
<span id="sending_field" style="display:none">
Sending...
</span>
<br />
<input type="button" name="shoutbutton" value="{$lang.SHOUT_IT}" class="form-button" onclick="shoutit()" />
<input type="reset" value="{$lang.RESET_IT}" class="form-button" />
</div>
<div id="shout_uid" style="display:none;">
Delete this shout?<input type="button" class="form-button" id="del_yes" value="Yes" /><input type="button" class="form-button" id="del_no" value="No" />
</div>
</form>
</td>
</tr>
{$tbclose}
</td></tr></table>
<script type="text/javascript">getShouts(0);</script>
</body>
</html>upload to /templates/default directory Step 1 - Done! create a new file called nakedshout.inc.php paste the following into it:
<?php
if(!defined("UBB_MAIN_PROGRAM")) exit;
function &page_nakedshout_gpc () {
return array(
"input" => "",
"wordlets" => "" ,
"user_fields" => "",
"regonly" => 1,
"admin_only" => 0,
"admin_or_mod" => 0,
);
} function &page_nakedshout_run () {
global $style_array,$smarty,$user,$in,$ubbt_lang,$config,$forumvisit,$visit,$dbh,$var_start,$var_eq,$var_sep,$var_extra;
extract($in, EXTR_OVERWRITE | EXTR_REFS); $smarty_data = array();
define('NO_WRAPPER',1);
$stylesheet = "{$config['BASE_URL']}/styles/{$style_array['css']}";
$smarty_data = array(
"stylesheet" => $stylesheet,
"myid" => $user['USER_ID'],
);
return array(
"header" => array (
"title" => "",
"refresh" => 0,
"user" => $user,
"Board" => "",
"bypass" => 0,
"onload" => "",
"breadcrumb" => "",
),
"template" => "nakedshout",
"data" => & $smarty_data,
"footer" => false,
"location" => "",
);
}
?>
upload to /scripts dir.. Then you can decide to put a link to it anywhere you want. I chose to add it to the header.tpl and make it part of 'My Stuff' menu, but you can do whatever you want. the header.tpl code is:
{* SD - Mod (My Shouts) *}
<tr><td class="popup_menu_content">
<a href="{$config.BASE_URL}/ubbthreads.php{$var_start}ubb{$var_eq}nakedshout" target="_blank">My Shoutbox</a>
</td></tr>added after the 'My Posts' stuff. the KEY thing to note is the URL. namely http://yourboard/url/ubbthreads.php?ubb=nakedshout (add target="_blank", if you want a new window) and you are done. Notes: - you can disable your shoutbox in the portal and this will still run fine.
- feel free to change the .tpl heights and widths to your liking. i made mine a large window
- you can also edit /ubbt_js/shoutbox.js and change the update frequency to less than 30secs.. find:
function startTimer(){
shoutTimer = setTimeout("getShouts()",30000);
}
and change the 30000 to whatever number of milliseconds you want. ie: if you want 5seconds, the number will be 5000.
Keep in mind of the burden on your board. Most shoutboxes aren't too lively, so i had no problem setting it to 5secs 
Oh and here's some screenies (note: livewell is just a lang file for my favorite customer - Mitch P !):  and  and  upload all files and *poof* done! enjoy, SD
_________________________
|
|
Top
|
|
|
|
 |
 |
 |
 |
|
|
|
|
#315344 - 08/22/07 12:41 AM
Re: [7.2x] - Naked shoutbox
[Re: Gizmo]
|
Enthusiast
Registered: 11/08/03
Posts: 442
Loc: SoCal
|
shoooo fly shooo  random musing mode.... idea! had to write it down before putting down for the nite.. the protocol should not only be JSON (leaner), but also only return changes, based upon either last shout id or time.. the way process control does it.. this cuts the xmlhttprequest traffic size down considerably. also, the ajax server(s) should be one file, so that it has a better chance of staying in the php cache as a unit. also easier to maintain one piece of ajaxshoutserver.php code.. drawback.. added branching in the server file.. minimal (imo) weird idea.. add proxy capability for cross-site / multiple joined shouts in one.. ie site1 + site2 .... siten all serving up to same shout UI.. keep in mind: load! convert fully to yui.. add effects for new shouts.. fade in.. etc.. not sure yet.. global / personalized wallop menus.. menus need to be ul, li and NOT table, tr, td! longer history for shouts.. ie ability to search back further than just 30 or whatever.. urls, imgs.. admin cpanel for FULL setup and customization... possible full page reload interval, so adverts get more hits.. colorized names, like in showflat.. admin, mod, whatever.. dynamic resizing with handles, using yui.. set mode -v  bleh.. that's it.. brain dump over ..
_________________________
|
|
Top
|
|
|
|
|
|
|
|
|
|
|
|
|
#315419 - 08/25/07 07:27 PM
Re: [7.2x] - Naked shoutbox
[Re: sirdude]
|
Wizard
Registered: 01/10/00
Posts: 5134
Loc: Portland, OR, USA
|
| | | | |
at the moment - but expanding all the time....) 
