News:

Bored?  Looking to kill some time?  Want to chat with other SMF users?  Join us in IRC chat or Discord

Main Menu

nneonneo's Shoutbox

Started by nneonneo, December 26, 2006, 06:58:11 PM

Previous topic - Next topic

nneonneo

It would make the shoutbox a bit less responsive, but otherwise should not have a major effect.
Check out the AJAX Shoutbox (my one and only mod to date :P)
Do you like SMF? Are you using ProBoards, InvisionFree, ActiveBoards or some other web-hosted forum? I can help you convert to SMF (without having to purchase a DB conversion)...contact me [nneonneo {at} gmail *dot* com], and see this topic
spammers here!

[email protected]

Thank you very much for your help. I was abble to make it work so far, except for the smileys bar:

Erro: objDiv is null
Ficheiro de origem: hxxp:xxxxxxx/smf/yshout/js/yshout.js?May122008 [nonactive]
Linha: 277

Erro: animatedcollapse is not defined
Ficheiro de origem: hxxp:xxxxxxx.com/smf/ [nonactive]
Linha: 209

Please help me a little more i'll attach my files.

By the way is it possible to place an image to the right of the shout?

Enders

yes I'm referring to auto scroll..

nneonneo

@[email protected]: OK, I think you may need to add animatedcollapse.js to your <head> section (step 1 on the smiley guide).

@Enders: I will check it out; it is likely a bug in the autoscroll script that I am using.
Check out the AJAX Shoutbox (my one and only mod to date :P)
Do you like SMF? Are you using ProBoards, InvisionFree, ActiveBoards or some other web-hosted forum? I can help you convert to SMF (without having to purchase a DB conversion)...contact me [nneonneo {at} gmail *dot* com], and see this topic
spammers here!

HostDash

A file permissions error has occurred. Please check the permissions on the script and the directory it is in and try again.

that message shows ^^ how i fix?

LinK187

If your refering to overwriting a .js file in the js folder, you'll have to use ur cpanel to edit the file or change the folder permissions.

nneonneo

[announce] Bugfix release 1.16 posted, along with SunKing and MrMoney's Advanced AJAX Shoutbox (finally! :P).

Main bugs fixed:
1) Usernames were being double-escaped in some cases, leading to bizarre output (affects guest posting)
2) A typo (oops) in the code caused numerous shoutbox failures; this has now been corrected.
Check out the AJAX Shoutbox (my one and only mod to date :P)
Do you like SMF? Are you using ProBoards, InvisionFree, ActiveBoards or some other web-hosted forum? I can help you convert to SMF (without having to purchase a DB conversion)...contact me [nneonneo {at} gmail *dot* com], and see this topic
spammers here!

[unplugged]

#2507
Thanks, nneonneo.
You are great!  :P
« Next Edit: Tomorrow at 08:34:45 PM by SunKing »   <---- « someone stole my sig... :o »



ameo

I don't know about other people, but I got error message upon installation of Advanced shoutbox:    

Execute Modification     ./Themes/default/index.template.php     Test failed


antechinus:
QuoteIf you are dying for a solution it may be wise to seek medical attention.
Get some Awesome Smileys for your forum

|±(ಠ_ಠ
)±|

nneonneo

ameo, it's only for SMF 2.0 now (hopefully it can be made compatible with 1.1.x soon).
Check out the AJAX Shoutbox (my one and only mod to date :P)
Do you like SMF? Are you using ProBoards, InvisionFree, ActiveBoards or some other web-hosted forum? I can help you convert to SMF (without having to purchase a DB conversion)...contact me [nneonneo {at} gmail *dot* com], and see this topic
spammers here!

LinK187

really??? I've been running it on 1.1.5 this entire time...

[email protected]

nneonneo, I am using smf 1.1.5 and theme pdx-dk115v1, I checked everything, but the error remains.

Please help me. I'll send my index, if you need to check it.

Thanks for this great Mod.

nneonneo

@LinK187: That only applies to the Advanced Shoutbox posted by SunKing and MrMoney, not to the basic SB_ shoutbox.

@[email protected]: OK, I looked at animatedcollapse.js from your earlier post, and it is not correct. Please copy the code again from http://www.simplemachines.org/community/index.php?topic=137508.msg1388091#msg1388091.
Check out the AJAX Shoutbox (my one and only mod to date :P)
Do you like SMF? Are you using ProBoards, InvisionFree, ActiveBoards or some other web-hosted forum? I can help you convert to SMF (without having to purchase a DB conversion)...contact me [nneonneo {at} gmail *dot* com], and see this topic
spammers here!

[email protected]

Thanks a lot. It was indeed an error in js, since copy paste doesn't work every time, ill leave the file for anyone who would want to see it.

_Anthony_

Cool you posted ours
Thanks

Hades™

could you help why does it show like that on top of my site .
here's the link ~> http://hadesms.elementfx.com/ [nofollow]

[unplugged]

@Hades™

The code for displaying the shoutbox is at the very beginning of your file. It is even outside of the <html> tags. So the very very first thing the page does is show the shoutbox code.

This code:
// YSHOUT HERE
      echo '
                     <br /><b>Shout Box</b><br /><br />
                     <div id="yshout">',$txt['yshout_loading'],'<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>';
      // YSHOUT END


needs to be placed where you want the shoutbox to appear (but between the <body> and </body> tags.
« Next Edit: Tomorrow at 08:34:45 PM by SunKing »   <---- « someone stole my sig... :o »



VestigeL

#2517
I just installed the shoutbox onto SMF with TP. The top command bars appear with the "x" picture. Did I miss something in the download?

Jelle Mees

Installing this package will perform the following actions:
      Type    Action    Description
*    1.    Execute Modification    ./yshout/yshout.php    Test failed
      1.    Replace    ./yshout/yshout.php    Test failed
      2.    Replace    ./yshout/yshout.php    Test failed
*    2.    Execute Modification    ./yshout/js/yshout.js    Test successful

I currently have 1.15, upgrade script doesn't seem to work. And before anyone asks, I am using the default shoutbox mod ( no modifications what so ever ).

Old Lynx

Quote from: Gobo on December 27, 2006, 11:13:46 PM
ok for those who want a demo u can see it on:
http://path-to-peace.com/forum
user: test
pass: test
Please note: kindly do not abuse this test account or post links using it!

As for custom theme modification, simply follow these instructions - Keep in mind! --> Not all themes are structured the same, so if the search for a code dosent give anything, try searching for a single line from that code until you find it and compare it to make sure it is pretty much the same! Small differences will exist!

This custom modification code is being posted up by reuest - im sure others will find it useful too.

Rule 1: Make a backup of your index.template.php file from your themes folder 1st!!!!

Then follow this:

Search for:

/* Internet Explorer 4/5 and Opera 6 just don't do font sizes properly. (they are big...)
Thus, in Internet Explorer 4, 5, and Opera 6 this will show fonts one size smaller than usual.
Note that this is affected by whether IE 6 is in standards compliance mode.. if not, it will also be big.
Standards compliance mode happens when you use xhtml... */
if ($context['browser']['needs_size_fix'])
echo '
<link rel="stylesheet" type="text/css" href="', $settings['default_theme_url'], '/fonts-compat.css" />';


ADD UNDER it:

// YSHOUT HERE
if($context['user']['is_logged'])
echo '
<script src="yshout/js/prototype.js" type="text/javascript"></script>
<script src="yshout/js/moo.ajax.js" type="text/javascript"></script>
<script src="yshout/js/behaviour.js" type="text/javascript"></script>
<script src="yshout/js/domFunction.js" type="text/javascript"></script>
<script type="text/javascript">

var myfunc = new domFunction(function()
{
',empty($options['collapse_header']) ? 'loadChat();':'','
}, { "yshout":"id"});

</script>
<script src="yshout/js/yshout.js?Oct112006" type="text/javascript"></script>
<script type="text/javascript">var shoutFile = "home.txt";</script>
<style type="text/css">
#yshout {
font-size: 10px;
}
#yshout p {
margin: 0 0 0; /* Top Bottom Linespacing */
}
.shout-invalid {
background: #FFFDD1;
}
#yshout fieldset {
border: none;
}
#yshout em {
font-style: normal;
}
#yshout p {
line-height: 1;
margin-top: 0;
}
#yshout {
overflow: hidden;
}
#yshout .shout-timestamp {
font-weight: normal;
color: #000;
}
#forum-name, #shout-text, #shout-button {
font-size: 9px;
margin: 0;
padding: 0;
}
#yshout #forum-name {
color: #666666;
width: 70px;
margin-right: 5px;
}
#yshout #shout-text {
color: #000000;
width: 310px;
margin-right: 5px;
}
#yshout #shout-button {
width: 55px;
}
#shouts .owner a {
color: #F00;
}
#shouts .moderator a {
color: #00F;
}
</style>';
// YSHOUT END


Search for:

// Guests don't have theme options!!
if ($context['user']['is_guest'])
echo '
document.cookie = "upshrink=" + (mode ? 1 : 0);';
else
echo '
smf_setThemeOption("collapse_header", mode ? 1 : 0, null, "', $context['session_id'], '");';

echo '
document.getElementById("upshrink").src = smf_images_url + (mode ? "/upshrink2.gif" : "/upshrink.gif");

document.getElementById("upshrinkHeader").style.display = mode ? "none" : "";
document.getElementById("upshrinkHeader2").style.display = mode ? "none" : "";


here ur search is LIKELY to fail, so I recommend searching for // Guests don't have theme options!! and comparing the code until u get to the last line of the above posted code.

And the ADD AFTER it:

// YSHOUT HERE
document.getElementById("yshout").style.display = mode ? "none" : "";
if(!mode)
{
loadChat();
}
// YSHOUT END


Finally comes the tricky part.
In different themes you may or may not have a user info area!
So incase the top userinfo area dosent exist then u will have to compensate and add this code somewhere where you would like to show the shoutbox.
THIS is the code which will finally display the shoutbox

Search for:

if (!empty($context['user']['total_time_logged_in']))
{
echo '
', $txt['totalTimeLogged1'];

// If days is just zero, don't bother to show it.
if ($context['user']['total_time_logged_in']['days'] > 0)
echo $context['user']['total_time_logged_in']['days'] . $txt['totalTimeLogged2'];

// Same with hours - only show it if it's above zero.
if ($context['user']['total_time_logged_in']['hours'] > 0)
echo $context['user']['total_time_logged_in']['hours'] . $txt['totalTimeLogged3'];

// But, let's always show minutes - Time wasted here: 0 minutes ;).
echo $context['user']['total_time_logged_in']['minutes'], $txt['totalTimeLogged4'], '<br />';
}


Add after it:

// YSHOUT HERE
echo '
<br /><b>Shout Box</b><br /><br />
<div id="yshout"', empty($options['collapse_header']) ? '>' : ' style="display: none;">','...loading shoutbox...<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /></div>';
// YSHOUT END


THE END OF MODIFICATIONS!

Please note the colors for the text and all the rest of the stuff can be changed in the 1st part of the code posted - the css section specifies the colors.

enjoy

That last bit that I need to search for in the index.template.php is not coming up in the search !!

What should I do ?? :(

Please help :(

Advertisement: