Lector de rss facil de usar

Esto de los lectores de rss siempre han sido un problema ya que, o están por la mitad , o directamente no funcionan, yo encontré este que es tan fácil que hasta un mono como yo pudo hacerlo funcionar.


--html--


    <div class="example">
        <div class="post_results" id="post_results1" rss_num="8" rss_url="http://rss.news.yahoo.com/rss/topstories">
            <div class="loading_rss">
                <img alt="Loading..." src="images/loading.gif" />
            </div>
        </div>

        <div class="post_results" id="post_results2" rss_num="8" rss_url="http://newsrss.bbc.co.uk/rss/newsonline_world_edition/front_page/rss.xml">
            <div class="loading_rss">
                <img alt="Loading..." src="images/loading.gif" />
            </div>
        </div>

        <div style="clear:both;"></div>
    </div>

Evidentemente no vas a usar los nombres que el te da de clase, o al menos no todos.

--js/main.js--

function myGetElementsByClassName(selector) {

    if ( document.getElementsByClassName ) {

        return document.getElementsByClassName(selector);

    }

    var returnList = new Array();

    var nodes = document.getElementsByTagName('div');

    var max = nodes.length;

    for ( var i = 0; i < max; i++ ) {

        if ( nodes[i].className == selector ) {

            returnList[returnList.length] = nodes[i];

        }

    }

    return returnList;

}

var rssReader = {

    containers : null,

    // initialization function

    init : function(selector) {

        containers = myGetElementsByClassName(selector);

        for(i=0;i<containers.length;i++){

            // getting necessary variables

            var rssUrl = containers[i].getAttribute('rss_url');

            var num = containers[i].getAttribute('rss_num');

            var id = containers[i].getAttribute('id');

            // creating temp scripts which will help us to transform XML (RSS) to JSON

            var url = encodeURIComponent(rssUrl);

            var googUrl = 'https://ajax.googleapis.com/ajax/services/feed/load?v=1.0&num='+num+'&q='+url+'&callback=rssReader.parse&context='+id;

            var script = document.createElement('script');

            script.setAttribute('type','text/javascript');

            script.setAttribute('charset','utf-8');

            script.setAttribute('src',googUrl);

            containers[i].appendChild(script);

        }

    },

    // parsing of results by google

    parse : function(context, data) {

        var container = document.getElementById(context);

        container.innerHTML = '';

        // creating list of elements

        var mainList = document.createElement('ul');

        // also creating its childs (subitems)

        var entries = data.feed.entries;

        for (var i=0; i<entries.length; i++) {

            var listItem = document.createElement('li');

            var title = entries[i].title;

            var contentSnippet = entries[i].contentSnippet;

            var contentSnippetText = document.createTextNode(contentSnippet);

            var link = document.createElement('a');

            link.setAttribute('href', entries[i].link);

            link.setAttribute('target','_blank');

            var text = document.createTextNode(title);

            link.appendChild(text);

            // add link to list item

            listItem.appendChild(link);

            var desc = document.createElement('p');

            desc.appendChild(contentSnippetText);

            // add description to list item

            listItem.appendChild(desc);

            // adding list item to main list

            mainList.appendChild(listItem);

        }

        container.appendChild(mainList);

    }

};

window.onload = function() {

    rssReader.init('post_results');

}

Con linkear el js donde quieras el lector te basta

el loading que no es necesario pero queda bonito

Y ya está. el original venía con un css pero me parece tontería ya que nunca va casar con el diseño de la pagina que necesite en cada momento.

El feed rss está coloreado por si no lo veía.