Question

So I found an rss based newsreel slideshow that I really like. Is there a way to put that same newsreel on my website so that it gets updated automatically by their server? I’ve found the <link> element in the head section that traces the newsreel back to the original rss. Does that have something to do with it?

Answer 1

OK, I understand. Personally, I got about it this way. Get the RSS feed, stick it into YQL Consol, get the JSONP URL then use jQuery to parse it like so:

$.ajax({
    //YQL JSON URL
    url: "http://query.yahooapis.com/v1/public/yql?q=select%20title%2Cdescription%2Clink%20from%20rss%20where%20url%3D%22http%3A%2F%2Fwww.usgs.gov%2Frss%2Fnews_description.xml%22&format=json",
    dataType: 'jsonp',
    jsonp: 'callback',
    jsonpCallback: 'cbfunc',
    success: function(data) {
        //narrow down WHAT you want
        var results = data.query.results.item;
        //loop through results and then append each item to #listnews selector.                 
        $.each(results, function(index, data) {
            $("#listnews").append("<li><a href='" + results[index].link + "'>" + results[index].title + "</a></li>");
        });
    }
});​

Here is a jsfiddle working example: http://jsfiddle.net/Qpkpn/

I have found this works in all current browsers also… plus IE8 (i was having an issue in IE8 until jQuery JSON parse saved the day)

Add this to your body area:

<ul id="loadnews"></ul>

You will then need to add a scrolling function of some sort to it.

I have seen a ticker called jTicker that might work for you also.