1
kikkorm
Problem with shoutbox popup
  • 2006/12/20 0:50

  • kikkorm

  • Just popping in

  • Posts: 43

  • Since: 2005/12/17


Hi,
I'm using XOOPS shoutbox 3.1
I'm trying to make the column of "online users" a little larger (when using popup chat window) .

I try to modify settings into shoutbox_popup.html , but i'm not able to reach my goal... online users column always remains the same . somebody could tell me where should i modify ? thanks

2
irmtfan
Re: Problem with shoutbox popup
  • 2006/12/20 6:18

  • irmtfan

  • Module Developer

  • Posts: 3419

  • Since: 2003/12/7


i dont know where you can change it but upgrade to 4.0 beta is a good step.
http://blog.jan304.org/2006/shoutbox-40-beta.html

3
Quest
Re: Problem with shoutbox popup
  • 2006/12/20 9:10

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


I use the 3.2 version, haven't given the new one a ride a yet.

In the shoutbox_popup_html template file, down near the bottom is some code for the width of the online iframe:

Quote:
<iframe name="onlineFrame" src="online.php" frameborder="0" width="165" height="100%"></iframe>


If you change the width="165" to what you want then it should work.

You are using a cloned template set?

Quest

P.S. Thanks irmtfan for the info, didn't know about the new beta version.

4
kikkorm
Re: Problem with shoutbox popup
  • 2006/12/20 12:36

  • kikkorm

  • Just popping in

  • Posts: 43

  • Since: 2005/12/17


It doesn't work, that's why i wrote here ;
if i do what you suggest, the column get larger, but goes out of the screen . Any idea? Thanks

5
wizanda
Re: Problem with shoutbox popup
  • 2006/12/20 13:27

  • wizanda

  • Home away from home

  • Posts: 1585

  • Since: 2004/3/21


Sorry to ask what maybe is a daft question; did you try setting it really smaller in the width?

6
Quest
Re: Problem with shoutbox popup
  • 2006/12/20 13:55

  • Quest

  • Friend of XOOPS

  • Posts: 1034

  • Since: 2005/11/19


I think you will need to make changes to both the iframes:
Find these and adjust them. You can make the iframe to the left of the whosonline frame smaller.

Quote:
<iframe name="shoutFrame" width="100%" src="shoutpopupframe.php" height="100%" frameborder="0" style="border:solid 1px #000000;"></iframe>


and then also adjust the whosonline iframe:

Quote:
<td width="50%" align="center">
<{if $config.popup_whoisonline==1}>
<script type="text/javascript">
<!--
document.write('<\/td>');
document.write('<td width="' + (sb_window_width()-100) + '" height="' + (sb_window_height()-150) + '" valign="top" align="right">');
//-->
</script>
<iframe name="onlineFrame" src="online.php" frameborder="0" width="165" height="100%"></iframe>
<{/if}>
</td>


I totally changed mine and brought the whosonline down under and to the right. And adjusted the Shout, Refresh, Popup links too. Here is the template code if you want:

shoutbox_popup.html

Quote:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<head>
<meta http-equiv="content-type" content="text/html; charset=<{$xoops_charset}>" />
<title><{$smarty.const._MD_SHOUTBOX_POPUP_TITLE}><{if $username}><{$smarty.const._MD_SHOUTBOX_POPUP_CONNECTED}><{$username}><{/if}></title>

<style type='text/css' media='all'>
<!-- @import url(<{$themecss}>); -->
</style>
<{$xoops_js}>
<script type="text/javascript">
<!--
function sb_window_width() {
if (window.innerWidth) return window.innerWidth;
else if (document.body && document.body.offsetWidth) return document.body.offsetWidth;
else return 600;
}
function sb_window_height() {
if (window.innerHeight) return window.innerHeight;
else if (document.body && document.body.offsetHeight) return document.body.offsetHeight;
else return 400;
}
-->
</script>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" style="padding: 0; margin: 0; height: 100%;" width="100%" align="center">
<tr>
<{if $username}>
<td>
<script type="text/javascript">
<!--
//document.write('<tr height="' + (sb_window_height()-150) + '" valign="middle" align="center">');
<{if $config.popup_whoisonline==1}>
document.write('<td width="100%" height="' + (sb_window_height()-96) + '" valign="middle" align="left">');
<{else}>
document.write('<td width="100%" height="' + (sb_window_height()-100) + '" valign="middle" align="left">');
<{/if}>
//-->
</script>

<iframe name="shoutFrame" width="100%" src="shoutpopupframe.php" height="100%" frameborder="0" style="border:solid 1px #000000;"></iframe>
</td></tr></table>

<table width="100%" cellspacing="0" align="center">
<tr>

<{* Smilie *}>
<td valign="bottom" align="center" nowrap="nowrap">
<{if $config.popup_show_smileybar==1}>
<{$smiliesbar}>
<{/if}>
</td>

</tr></table>
<table width="100%" cellspacing="0">
<tr>
<td>

<form name="shoutform" method="post" action="shoutpopupframe.php" target="shoutFrame"/>
<script type="text/javascript">
<!--
document.write('<td height="100%" width="' + (sb_window_width()-120) + '" valign="baseline" align="center">');
document.write('<\/td>');
//-->
</script>

<input type="hidden" name="username" value="<{$username}>"/>
<input type="hidden" name="myid" value="<{$myid}>"/>
<input type="hidden" value="1" name="didpost"/>
<script type="text/javascript">
<!--
document.write('<input type="text" class="text" id="shoutfield" name="shouttext" size="18" maxlength="250" style="width: 85%; border: solid 1px #000000;"><input name="shoutsubmit" class="button" type="submit" value="<{$smarty.const._MD_SHOUTBOX_POPUP_SHOUT}>" style="width:50px; border: solid 1px #000000; margin-left: 5px;">');
//-->
</script>


<{else}><td>
<form name="logginform" method="post" action="popup.php"/>
<script type="text/javascript">
<!--
document.write('<td height="100%" width="' + (sb_window_width()-120) + '">');
document.write('<\/td>');
//-->
</script>
<br /><b><{$smarty.const._MD_SHOUTBOX_POPUP_ENTERNAME}> </b><br />
<input type="text" id="shoutnick" name="username" size="30" maxlength="12" onFocus="shoutform.shoutnick.select();" value="<{$blockuser}>" style="border: solid 1px #000000;"/>
<input name="submit" type="submit" value="<{$smarty.const._MD_SHOUTBOX_POPUP_CONNECT}>" style="border: solid 1px #000000; margin-left: 5px;"/>
</td>
<{/if}>

</tr>
</table>

<table cellspacing="0" width="100%">
<tr>
<td width="75%" align="left">
<{* REFRESH PART *}>
<b><{$smarty.const._MD_SHOUTBOX_POPUP_USE_AUTOREFRESH}></b><input id="shoutrefresh" type="checkbox" name="shoutrefresh" value="checkbox" checked='checked' onChange="parent.shoutFrame.location.reload();"> <b><{$smarty.const._MD_SHOUTBOX_POPUP_REFRESHTIME}></b>
<select id="refreshtime" name="refreshtime">
<option value="10000">10 sec</option>
<option value="15000" selected='selected'>15 sec</option>
<option value="20000" >20 sec</option>
<option value="30000">30 sec</option>
</select>
<br />
<b><{$smarty.const._MD_SHOUTBOX_POPUP_FORCE}></b><a href="shoutpopupframe.php" target="shoutFrame"><{$smarty.const._MD_SHOUTBOX_POPUP_REFRESH}> ShoutBox</a>
<br />
<{* Auto-focus part *}>
<{if $config.popup_autofocus}>
<b><{$smarty.const._MD_SHOUTBOX_POPUP_AUTOFOCUS}></b> <input id='autofocus' type='checkbox' class='checkbox' name='autofocus' value='autofocus' checked='checked'>
<{/if}>
</td>
<td width="50%" align="center">
<{if $config.popup_whoisonline==1}>
<script type="text/javascript">
<!--
document.write('<\/td>');
document.write('<td width="' + (sb_window_width()-100) + '" height="' + (sb_window_height()-150) + '" valign="top" align="right">');
//-->
</script>
<iframe name="onlineFrame" src="online.php" frameborder="0" width="165" height="100%"></iframe>
<{/if}>
</td>
</tr></table>
<div align="center">
<input value='<{$smarty.const._CLOSE}>' type='button' onclick='javascript:window.close();' style='border: solid 1px #000000;'/>
</div>

</body>
</html>


Works great for me!

HTHs
Quest

Login

Donat-O-Meter

Stats
Goal: $15.00
Due Date: Jul 31
Gross Amount: $0.00
Net Balance: $0.00
Left to go: $15.00
Make donations with PayPal!

Latest GitHub Commits