RSS Ticker

[BILLYFISHING]

Hi

I have looked around the site at all the many RSS Scrollers & tickers but it must be my small brain as I have been unable to get then to work.:mad:

I am looking for a simple RSS Ticker that I can add the below link that is for Cat fish Fishing RSS link through google.:rolleyes:

Any help much appreciated.
Thanking you in anticipation:)

Billy

http://www.google.com/alerts/feeds/03413850423032271991/2930959800336217464

[jscheuer1]

You could try:

http://code.google.com/apis/feed/

If your server has PHP, I can make up one of the ones from Dynamic Drive for you. If it doesn't, I might be able to make up the Dynamic Drive version of the Google one for you.

Does your server have PHP?

[BILLYFISHING]

John

Thank you for your reply.:)

I have several feeds from both Google and Pipes, as you can appreciate the depth of Fishing News From around the World. I am wanting to put different tickers on different pages ie: On the Carp fishing page a Carp News Ticker.

I wish to thank you for your kind help in this, and look forward to the result.

Thanking you in anticipation:)
Billy
The World of Fishing News

http://i237.photobucket.com/albums/ff191/BILLYFISHING/BUTTONS/adba2ad7.gif

[jscheuer1]

Does your server have PHP?

What are the feeds?

[BILLYFISHING]

I came across this RSS Feed and added my feed for Cod fishing.


TEST RSS TICKER FOR COD FISHING

<div id="TickerBC47203589" class="bc_ticker" style="overflow: auto;border-style: solid;border-width: 2;border-color: #0000FF;background-color: #FFFF00;">
<table width="100%">
<tr>
<td width="10" style="vertical-align: top;" style="color: #0000CC; font-size: 12pt; font-family: Times;"><a id="TickerPrevBC47203589" href="javascript: ;" onclick="PrevTickerBC47203589();" class="bc_tickerarrow" style="text-decoration: none; color: #0000CC;">&laquo;</a></td>
<td id="TickerContentBC47203589" class="bc_tickercontent" style="vertical-align: top;background-color: #FFFF00;">
<a id="TickerLinkBC47203589" href="javascript: ;" class="bc_tickerlink" style="text-decoration: none;" target="_top"><b><span id="TickerTitleBC47203589" class="bc_tickertitle" style="color: #0000CC; font-size: 12pt; font-family: Times;"></span></b></a> <span id="TickerSummaryBC47203589" class="bc_tickersummary" style="color: #000000; font-size: 10pt; font-family: Times;"></span>
</td>
<td width="10" style="vertical-align: top;" style="color: #0000CC; font-size: 12pt; font-family: Times;"><a id="TickerNextBC47203589" href="javascript: ;" onclick="NextTickerBC47203589();" class="bc_tickerarrow" style="text-decoration: none; color: #0000CC;">&raquo;</a></td>
</tr>
</table>
<!-- DO NOT CHANGE OR REMOVE THE FOLLOWING NOSCRIPT SECTION OR THE BLASTCASTA NEWS TICKER WILL NOT FUNCTION PROPERLY. -->
<noscript><a href="http://www.blastcasta.com/" title="News Ticker by BlastCasta"><img src="http://www.poweringnews.com/images/tp.gif" border="0" /></a></noscript>
</div>

<script id="scr47203589" type="text/javascript"></script>
<script type="text/javascript"> /* <![CDATA[ */
setTimeout('document.getElementById(\'scr47203589\').src = (document.location.protocol == \'https:\' ? \'https\' : \'http\') + \'://www.poweringnews.com/ticker-js.aspx?feedurl=http%3A//www.google.com/alerts/feeds/03413850423032271991/6201285940892229668&changedelay=12&maxitems=-1&showsummary=1&objectid=47203589\'', 500);
/* ]]> */ </script>


This is very similar to what I am wanting to do but in a ticker form, from right to left.

The colour fits my website of Blue and Yellow but I would like to use my own server at world fishing-news.com

Yes my server uses PHP

Thank you for your help
Billy

BIlly:)

[BILLYFISHING]

The feeds are a mixture of google RSS feeds and others I use Pipes as the RSS feed I hope this helps it never sounds correct when you type it.

I could be making about 20 diferent tickers each with there own RSS feed.

Billy

[jscheuer1]

A ticker like this (just the ticker part, I know it's not a feed, and I know the colors are different than what you say you want):

http://home.comcast.net/~jscheuer1/side/marqueeh.htm

Or did you have something else in mind? Please be specific about how you want it displayed because - actually, since you have PHP, getting the feed is the easy part. Before I go coding the presentation, I want to know what exactly we're going for. I already have something like:

http://www.dynamicdrive.com/dynamicindex17/rsspausescroller/index.htm

which can be configured as to colors. Would that work?

[BILLYFISHING]

That looks fine to me,:) Continuous Content Horizontal Marquee - Demo Great is it fed from a RSS feed?

If it will work with this feed http://pipes.yahoo.com/pipes/pipe.run?_id=01cac7772e5b26ab65968cd03ed3d8d1&_render=rss

That would be great, I am able to parse the information I want, I just need to put in the RSS Feed into the code if that is possible.

Your first one is great I have tried the other one but my small fishing brain could not compute resulting in a head ace and confusion so any of the two if I can get them to work please.
Thank you

Billy

[jscheuer1]

Well, those were just examples of ideas. I have something worked out that's real simple (to use) and seems to fit what you say you want. But I'll have to wait a bit to upload it. It needs a few finishing touches and a little explanation. I should have time for that later today, or this weekend.

[jscheuer1]

OK, here it is:

4217

There are lots of things that could be configured. But all you need is a folder structure and files like that in the archive, the styles and the scrpt tags on the demo page and a call like so in the body right after an empty div:


<div id="irishanglers" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://pipes.yahoo.com/pipes/pipe.run?_id=01cac7772e5b26ab65968cd03ed3d8d1&_render=rss', 'irishanglers');
</script>

Notice the id of the empty div is the same as the second parameter in the call. The first parameter is the address to the feed. The class name as shown is also required.

There are two on the demo page, but you can have just one, or as many as you like.

These marquees are 100% in width. So if you don't want them going the full width of the page, put them inside something with a defined width, ex:


<div style="width: 700px;">
<div id="irishanglers" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://pipes.yahoo.com/pipes/pipe.run?_id=01cac7772e5b26ab65968cd03ed3d8d1&_render=rss', 'irishanglers');
</script>
</div>

You can play around with the styles. But if you change heights, padding, margin, and/or font sizes or possibly even font family, you may have to do a balancing act among those various values to get it to look right. If only changing those things slightly, it may work out without any extra thought. If you have any questions about that or anything, let me know.

And if you want help with it:

Please post a link to a page on your site that contains the problematic code so we can check it out.

[BILLYFISHING]

http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/simple_ticker_demo.htm

This is the link above on my server.

(The previous page is sending you to an invalid url.)Small problem with the top RSS is that the links to each item does not work having said that this is just great and is what I wanted!

[BILLYFISHING]

OK
I have had a good look around now and it looks great!
What do I need to change to run just one feed say
Fishing News Letters
RSS LINK
http://fishingnews.posterous.com/rss.xml

When I have mastered changing one, I think I will be OK notice I said "think"
Thank you not only for your help but for that thing that is precious to us all "TIME"

Billy

[jscheuer1]

I thought I had tested that out and it was working. Perhaps not. In any case, my copy is now doing the same thing. I found a fix. In the js folder replace the simple_crawler.js file with this one:

4228

The more I think about it, it was working. That feed must have changed their output for the permalinks. No matter, this fix will not harm other feeds' permalinks, as it will do nothing to those that follow the usual format, while fixing any that do it the way this feed is now doing.

As for having only one feed, just change (on the simple_ticker_demo.htm) this:


<body>
Some other content above
<div id="irishanglers" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://pipes.yahoo.com/pipes/pipe.run?_id=01cac7772e5b26ab65968cd03ed3d8d1&_render=rss', 'irishanglers');
</script>
Some other content below
<div id="ddfeed" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://www.dynamicdrive.com/export.php?type=new', 'ddfeed');
</script>
Some other content below
</body>

to this:


<body>
Some other content above
<div id="irishanglers" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://pipes.yahoo.com/pipes/pipe.run?_id=01cac7772e5b26ab65968cd03ed3d8d1&_render=rss', 'irishanglers');
</script>
Some other content below
</body>

And if you want that to go to a different feed, just change the url (highlighted), ex:


<body>
Some other content above
<div id="irishanglers" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://fishingnews.posterous.com/rss.xml', 'irishanglers');
</script>
Some other content below
</body>

The id (red two places) may remain the same as long as this is the only feed on the page. But I used 'irishanglers' for that other feed because it's descriptive. Just like I used ddfeed for the Dynamic Drive feed. It's good to keep your id's descriptive, just so you can keep track of which feed is which. But as far as the code is concerned the only requirement is that if there are more than one feed on a page, each feed on the page has to have a unique id.

[BILLYFISHING]

I have tried making my own with changing your code but no sucsess!
called newsletters.

http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/newsletters.html

[jscheuer1]

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>newsletters</title>
<style type="text/css">

/* CSS for RSS crawler(s) */

.marquee {
height: 54px;
}

.rsstable {
border-collapse: collapse;
}

.rsstable td {
padding: 5px;
margin: 5px;
vertical-align: top;
background-color: #ffa;
font: normal 13px verdana, arial, sans-serif;
white-space: normal;
border-right: 2px solid #fff;
}

.rsstable div {
width: 600px;
height: 45px;
font-size: 13px;
overflow: hidden;
}

.rsstitle {
font-weight: bold;
}

.rssdate {
color: #222;
font-size: 10px;
display: block;
}

/* End CSS for RSS crawler(s) */
</style>
<script type="text/javascript" src="js/crawler.js">
// Text and/or Image Crawler Script v1.5 (c)2009-2011 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/
// username: jscheuer1 - This Notice Must Remain for Legal Use
</script>
<script type="text/javascript" src="js/simple_crawler.js">
// Simple RSS/Crawler Interface v1.0 (c)2011 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/
// username: jscheuer1 - This Notice Must Remain for Legal Use
</script>
<title>newsletters</title>
<meta content="WFNews" name="author">
<meta content="World Fishing News Letters" name="description">

</head>
<body>
<div id="newsletters" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://fishingnews.posterous.com/rss.xml', 'newsletters');
</script>
</body>
</html>

[BILLYFISHING]

That is working great!:D:D:D:D:D
http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/newsletters.html

If I make this one the master html I just need to change the items you said and then keep the new html page in the same directory on my server is this correct.

Do you also know how often the RSS feed in question refreshes/looks for a update.

Thank you

Billy

[jscheuer1]

Yes that's correct.

I'm not sure I understand the question:


Do you also know how often the RSS feed in question refreshes/looks for a update.

The simplepie.inc file caches the feed for 30 minutes on your server. So if the person viewing your page refreshes it, or leaves it and returns, the second and subsequent loads should be faster. But after 30 minutes, simplepie.inc fetches the feed anew and overwrites the cached copy with a new one.

This is as much to prevent too many requests to the feed server as it is to keep the content reasonably current.

This is set in the simple_bridge.php file:


// Create simplepie object
$rss = new SimplePie();
$rss->cache_location('cache'); //path to cache directory on your server relative to simple_bridge.php.
$rss->date_format = 'M d, Y g:i:s A'; //date format of RSS item. See PHP date() function for possible input.
$rss->cache_max_minutes(30); //Global cache time before fetching RSS feed again, in minutes.
$allowtags = ''; //tags to allow in items, ex: '<p><a><img>'

This is all fine and good. Most feeds won't update anywhere near that often. But say the user leaves the feed up in their browser without refreshing the page. In that case it will remain unchanged until it's either refreshed, or the user navigates away from it and returns. In some browsers, if they return via the browser's back button, it still won't update without a refresh.

If that's a problem, we could add a meta refresh tag to the .htm page or use javascript to refresh it. But in most cases that isn't an issue. Do you anticipate your users leaving the page up for hours on end? And depending upon what else you might have on the page, refreshing it automatically might not be a good idea. But if there isn't anything on the page that causes problems with automatic refreshes and you want it to refresh periodically, we can work that out. Let me know.

[BILLYFISHING]

John

All done have put it into an Iframe looks great to me would appreciate your thaughts.
Your hard work can be found at
http://world-fishing-news.com/INTRO/1/wfnintro.html

Billy

[jscheuer1]

When we updated simple_crawler.js I had added a loading image. That wasn't in the archive from before. Make a folder:

world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/images

Put this image in it:

http://home.comcast.net/~jscheuer1/side/loading.gif

[BILLYFISHING]

John

The above picture isnt loading
Billy

[jscheuer1]

You have to make the folder and upload the image to it:


Make a folder:

world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/images

Put this image in it:

http://home.comcast.net/~jscheuer1/side/loading.gif

Right click on the image and 'save as'. It should be loading.gif

Make the folder as described above and put the image in it.

[BILLYFISHING]

John

http://i237.photobucket.com/albums/ff191/BILLYFISHING/605671ad.png

Billy

[jscheuer1]

That image is only supposed to show while the feed is being loaded. Once the feed is obtained, the loading image disappears.

That's not happening because there is no folder on the server:

http://world-fishing-news.com/INTRO/1/images/

Once you make that folder. you should put the image in it. While loading, it should then look something like so (click for larger version):

4235

Right now it only has the text:


Initializing RSS Feed

And in some browsers the broken image token, with or without the alternate text 'loading', in others just the alternate text.

I'm concerned about those browsers that show the broken image token. Looks tacky.

If making the folder and putting the image in it is too much trouble for you, you should at least disable the loading image by adding the highlighted style:


/* CSS for RSS crawler(s) */

.marquee {
height: 54px;
}

#rssloading img {
display: none;
}

.rsstable {
border-collapse: collapse;
}

.rsstable td {
padding: 5px;
margin: 5px;
vertical-align: top;
background-color: #ffa;
font: normal 13px verdana, arial, sans-serif;
white-space: normal;
border-right: 2px solid #fff;
}

.rsstable div {
width: 600px;
height: 45px;
font-size: 13px;
overflow: hidden;
}

.rsstitle {
font-weight: bold;
}

.rssdate {
color: #222;
font-size: 10px;
display: block;
}

/* End CSS for RSS crawler(s) */

[BILLYFISHING]

No I will put the image in I thaught the image was not loading into this forum my mistake and will copy it now thank you.
Billy

[BILLYFISHING]

Where can I change the below text not sure what file it is located in.

"Initializing RSS Feed"
To
"One moment just got a Bite"

Thank you for your help, this would have not been posible without you, when I see you the Drinks are on ME!

Billy

[jscheuer1]

Open up the simple_crawler.js file in the js folder with a text only editor like NotePad. In it you will see:


// Simple Rss/Crawler Interface Script v1.0 (c)2011 John Davenport Scheuer
// as first seen in http://www.dynamicdrive.com/forums/
// username: jscheuer1 - This Notice Must Remain for Legal Use

rsscrawler.loading = 'images/loading.gif';
function rsscrawler(feedurl, divid, crawlerobj){
var bridgepath = './simplepie/simple_bridge.php', // For syndication, use absolute path.
s = document.createElement('script');
this.displaydiv = document.getElementById(divid);
this.displaydiv.style.visibility = 'visible';
this.displaydiv.innerHTML = '<table id="rssloading" style="height: 100%;"><tbody><tr><td valign="middle" style="height: 100%;"><div>Initializing RSS Feed <img src="' + rsscrawler.loading + '" alt="loading" title=""></div></td></tr></tbody></table>';
feedurl = encodeURIComponent(feedurl);
s.type = 'text/javascript';
s.charset = 'utf-8';
s.src = bridgepath + '?feedurl=' + feedurl + '&divid=' + divid + '&scriptcount=' + rsscrawler.scriptcount + '&bustcache=' + new Date().getTime();
document.getElementsByTagName('head')[0].insertBefore(s, document.getElementsByTagName('script')[rsscrawler.scriptcount++]);
this.init(divid, crawlerobj);
}
rsscrawler.scriptcount = 0;
rsscrawler.rsscon . . .

Scroll the above code block until you see the highlighted text. Change that to whatever you like, save it and use that version.

[BILLYFISHING]

John thank you for that!

I am still having problems I tried again to day to do a new one uknewsfeed and up loaded it to the website but nothing happened the link is
http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/uknewsfeed.html
So knowing me I am not understannding something or doing somthing in correct it might just be me.

Billy

[jscheuer1]

OK, where you have:


<body>
<script type="text/javascript">
new rsscrawler('http://www.google.com/alerts/feeds/03413850423032271991/16942127247299621922', 'uknewsfeed');
</script>
</body>

It needs to be:


<body>
<div id="uknewsfeed" class="marquee"></div>
<script type="text/javascript">
new rsscrawler('http://www.google.com/alerts/feeds/03413850423032271991/16942127247299621922', 'uknewsfeed');
</script>
</body>

[BILLYFISHING]

Thanks John going to do that now!

[BILLYFISHING]

John

Every time I added the code using Kompozer to edit the html when I went back after saving it, it had disappeared in the end I used notepad to edit the page and then it worked strange but now working.
http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/uknewsfeed.html:D:D

[jscheuer1]

Firefox has a problem initializing the feeds when their display property is set to none by the tabber script. So I changed that (two places) to position:absolute;visibility:hidden;top:-3000px;left:-3000px; which also hides them, but allows Firefox to initialize them. This has no affect on other browsers that could do it the other way, they're fine with it. Additionally (and this apparently affects all browsers), sometimes a feed times out before it's fetched. For that I added a refresh current tab button. After backing it up, replace your:

http://world-fishing-news.com/TABS/tabber/02FISHINGNEWSTAB.html

page with this one:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<!-- $Id: example.html,v 1.4 2006/03/27 02:44:36 pat Exp $ -->
<meta http-equiv="Content-Type"
content="text/html; charset=ISO-8859-1">
<title>LIVE FISHING NEWS</title>
<script type="text/javascript" src="tabber.js"></script>
<link rel="stylesheet" href="example.css" type="text/css"
media="screen">
<style type="text/css">
.tabbertab.tabbertabhide {
display: block;
position:absolute;
visibility:hidden;
top:-3000px;
left:-3000px;
}
</style>
<link rel="stylesheet" href="example-print.css" type="text/css"
media="print">
<script type="text/javascript">

/* Optional: Temporarily hide the "tabber" class so it does not "flash"
on the page as plain HTML. After tabber runs, the class is changed
to "tabberlive" and it will appear. */

document.write('<style type="text/css">.tabber{position:absolute;visibility:hidden;top:-3000px;left:-3000px;}<\/style>');
function refreshTab(){
var d = document.getElementsByTagName('div');
for (var i = d.length - 1; i > -1; --i){
if(/tabbertab/.test(d[i].className) && !/hide/.test(d[i].className)){
d[i].getElementsByTagName('iframe')[0].rev = d[i].getElementsByTagName('iframe')[0].rev || d[i].getElementsByTagName('iframe')[0].src;
d[i].getElementsByTagName('iframe')[0].src = d[i].getElementsByTagName('iframe')[0].rev + '?bustcache=' + new Date().getTime();
}
}
}
</script>

<meta content="The World of Fishing News Team" name="author">
<meta
content="≈~≈The Daily Catch Team brings you Fishing News &amp; Reports continually updated from thousands of sources around the World≈~≈"
name="description">
</head>
<body style="color: rgb(0, 0, 0); background-color: yellow;"
alink="#000099" link="#000099" vlink="#990099">
<div class="tabber">
<div class="tabbertab">
<h2><span><style="height: 30px;=""><span
style="color: rgb(51, 51, 255);">The Daily Catch News</span></style="height:>
</span></h2>
<div align="left"><iframe
src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/newsletters.html"
marginwidth="0" marginheight="0"
style="border-style: solid; border-color: rgb(68, 85, 153);"
frameborder="no" height="60" scrolling="no" width="100%"> </iframe>
</div>
</div>
<div class="tabbertab">
<h2 style="color: rgb(51, 51, 255);">UK Fishing News

</h2>
<div align="left"><iframe
src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/uknewsfeed.html"
marginwidth="0" marginheight="0"
style="border-style: solid; border-color: rgb(68, 85, 153);"
frameborder="no" height="60" scrolling="no" width="100%"> </iframe>
</div>
</div>
<div class="tabbertab">
<h2 style="color: rgb(51, 51, 255);">USA Fishing News
</h2>
<div align="left"><iframe
src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/usanewsfeed.html"
marginwidth="0" marginheight="0"
style="border-style: solid; border-color: rgb(68, 85, 153);"
frameborder="no" height="60" scrolling="no" width="100%"></iframe>
</div>
</div>
<div class="tabbertab">
<h2 style="color: rgb(51, 51, 255);">Fishing Catch Reports <br>
</h2>
<div align="left"><iframe
src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/catchreports.html"
marginwidth="0" marginheight="0"
style="border-style: solid; border-color: rgb(68, 85, 153);"
frameborder="no" height="60" scrolling="no" width="100%"> </iframe>

</div>
</div>
<div class="tabbertab">
<h2 style="color: rgb(51, 51, 255);">Tournament Fishing News<br>
</h2>
<div align="left"><iframe
src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/tournament.html"
marginwidth="0" marginheight="0"
style="border-style: solid; border-color: rgb(68, 85, 153);"
frameborder="no" height="60" scrolling="no" width="100%"></iframe>
</div>
</div>
<div class="tabbertab">
<h2 style="color: rgb(51, 51, 255);">Bass Fishing News<br>
</h2>
<div align="left"><iframe
src="http://world-fishing-news.com/RSSWFNews/rsscrawler/rsscrawler/bass.html"
marginwidth="0" marginheight="0"
style="border-style: solid; border-color: rgb(68, 85, 153);"
frameborder="no" height="60" scrolling="no" width="100%"></iframe>
</div>

</div>
<div align="center">
<form style="height: 42px;"> <input onclick="history.go(0)"
value="Refresh Fishing News" type="button"> <br> <input onclick="refreshTab();" value="Refresh Current Tab" type="button"> <br>
<img style="width: 728px; height: 60px;" alt=""
src="http://i237.photobucket.com/albums/ff191/BILLYFISHING/c78469e7.png"><br>
</form>
</div>
</div>
</body>
</html>