Topic: Make news block fade

[Nothingness]

Bump.

[Nothingness]

If no one knows the answer or the fix to this just simply answer with a no instead of not replying at all.

[[SiNaN]]

For SMF 1.1 version:

Code: [Select]

global $context, $settings;

if (!empty($context['fader_news_lines']))
{
echo '
<div style="text-align: center;">';

// Prepare all the javascript settings.
echo '
<div id="smfFadeScroller" style="width: 90%; padding: 2px;"><b>', $context['news_lines'][0], '</b></div>
<script language="JavaScript" type="text/javascript"><!-- // --><![CDATA[
// The fading delay (in ms.)
var smfFadeDelay = ', empty($settings['newsfader_time']) ? 5000 : $settings['newsfader_time'], ';
// Fade from... what text color? To which background color?
var smfFadeFrom = {"r": 0, "g": 0, "b": 0}, smfFadeTo = {"r": 255, "g": 255, "b": 255};
// Surround each item with... anything special?
var smfFadeBefore = "<b>", smfFadeAfter = "</b>";

var foreColor, backEl, backColor;

if (typeof(document.getElementById(\'smfFadeScroller\').currentStyle) != "undefined")
{
foreColor = document.getElementById(\'smfFadeScroller\').currentStyle.color.match(/#([\da-f][\da-f])([\da-f][\da-f])([\da-f][\da-f])/);
smfFadeFrom = {"r": parseInt(foreColor[1]), "g": parseInt(foreColor[2]), "b": parseInt(foreColor[3])};

backEl = document.getElementById(\'smfFadeScroller\');
while (backEl.currentStyle.backgroundColor == "transparent" && typeof(backEl.parentNode) != "undefined")
backEl = backEl.parentNode;

backColor = backEl.currentStyle.backgroundColor.match(/#([\da-f][\da-f])([\da-f][\da-f])([\da-f][\da-f])/);
smfFadeTo = {"r": eval("0x" + backColor[1]), "g": eval("0x" + backColor[2]), "b": eval("0x" + backColor[3])};
}
else if (typeof(window.opera) == "undefined" && typeof(document.defaultView) != "undefined")
{
foreColor = document.defaultView.getComputedStyle(document.getElementById(\'smfFadeScroller\'), null).color.match(/rgb\((\d+), (\d+), (\d+)\)/);
smfFadeFrom = {"r": parseInt(foreColor[1]), "g": parseInt(foreColor[2]), "b": parseInt(foreColor[3])};

backEl = document.getElementById(\'smfFadeScroller\');
while (document.defaultView.getComputedStyle(backEl, null).backgroundColor == "transparent" && typeof(backEl.parentNode) != "undefined" && typeof(backEl.parentNode.tagName) != "undefined")
backEl = backEl.parentNode;

backColor = document.defaultView.getComputedStyle(backEl, null).backgroundColor.match(/rgb\((\d+), (\d+), (\d+)\)/);
smfFadeTo = {"r": parseInt(backColor[1]), "g": parseInt(backColor[2]), "b": parseInt(backColor[3])};
}

// List all the lines of the news for display.
var smfFadeContent = new Array(
"', implode('",
"', $context['fader_news_lines']), '"
);
// ]]></script>
<script language="JavaScript" type="text/javascript" src="', $settings['default_theme_url'], '/fader.js"></script>
</div>';
}
For SMF 2.0 RC2 version:

Code: [Select]

global $context, $settings;

if (!empty($context['fader_news_lines']))
{
echo '
<div id="newsfader">
<ul class="reset" id="smfFadeScroller">';

foreach ($context['news_lines'] as $news)
echo '
<li>', $news, '</li>';

echo '
</ul>
</div>
<script type="text/javascript" src="', $settings['default_theme_url'], '/scripts/fader.js"></script>
<script type="text/javascript"><!-- // --><![CDATA[
var oNewsFader = new smf_NewsFader({
sSelf: \'oNewsFader\',
sFaderControlId: \'smfFadeScroller\',
sItemTemplate: ', JavaScriptEscape('<strong>%1$s</strong>'), ',
iFadeDelay: ', empty($settings['newsfader_time']) ? 5000 : $settings['newsfader_time'], '
});
// ]]></script>';
}

[Gurbet_42]

Thanks   [SiNaN].

[Nothingness]

Preview works but why am I getting "Syntax error in block code. Please check the code." when I apply the block.

[[SiNaN]]

It might be a bug related to PHP validation, and your news content. You can disable PHP validation from Admin > SimplePortal > Configuration > General Settings > Disable PHP Validation. I suggest that you enable it back after you create the block.

[grafitus]

Thanks for code [SiNaN]. I've tried, it works.

[Old Fossil]

Thanks for code [SiNaN]. I've tried, it works.

+1 It sure looks good too.

[Nothingness]

Perfect, thank you [SiNaN]. It works. So this error will be fixed in the next update, no?

[[SiNaN]]

It isn't easy to detect PHP syntax error and this is a rare case. But I'll keep that in mind, if I have a better solution.

[raffo]

it works, but with some problems:

1) when the page loads, users see for a while all the news in the block, that after about 300 milliseconds resize itself

2) it always starts from the first news... it'd be nice to start from a random one adn goes to others always randomly (without repeting before finishing all of them)

3) the news block is too much high... is possible to make a little shorter in height? i inserted height:20px; to style of body, but then the news are unreadable, because appears a scroll sidebar on the side

4) when one news is longer than others, the block continues to resize every single news...

thanks

[Old Fossil]

Raffo can you let us have a link to the forum please.

[raffo]

here it's...

i 'll mantain it for some hours...
thanks

http://*********

[Old Fossil]

The newsfaders resizing is automatic ie when a smiley or bold text is used.

Have you thought about making the text scroll across the page instead?

Have a look at the portal on www.mkaware.co.uk ( Announcements).

If you want to do it like that then I can point you in the right direction.

[raffo]

thanks, but i don't like the scrolling...

my problem was noticed when i choose the normal SMF news fading... it works only on forum and it is perfect... but it doesn't work on homepage of SP...

using, instead, just the top block of SP, in portal and forum, makes what we are talking about now...

[Old Fossil]

No worries it's a preference thing.

Using the top block as you mentioned is another way of course.

[raffo]

so, there isn't a way to replicate in the custom PHP block the same code that SMF use in forum news?

[Old Fossil]

Will have to wait and hope someone who knows coding can help.

Sorry bud. 

[raffo]

thanks man!

[Tricky]

Thanks [SiNaN] just what i was looking for