jQM feed articles

by Alex Azuero

HTML

<div data-role="page" id="page1">
     <div data-role="header">
        <h1>Feed</h1> 
    </div> 	
    <div role="main" class="ui-content">

        <div id="body-content"></div>

    </div> 
</div> 

<div data-role="page" id="page2">
     <div data-role="header">
        <h1>Article</h1> 
    </div> 	
    <div role="main" class="ui-content">
        <div id="articleContent"></div>
    </div> 
</div>

JavaScript

var fetchedFeedData;
function getRSSFeed(feed) {
     var qryRSS = 'select * from rss where url=' + '"' + feed + '"';
     $.getJSON("http://query.yahooapis.com/v1/public/yql", {
         q: qryRSS,
         format: "json"
     },
     function (data) {
         for (i = 0; i < 10; i++)
         {
             fetchedFeedData = data;
             var con = data.query.results.item[i].link;
             $('#body-content').append('<a class="articleLink" href="#page2"  data-article="' + i + '"><h4>' + data.query.results.item[i].title + '</h4></a>');
             $('#body-content').append('<p id="rss-dte">' + data.query.results.item[i].pubDate + '</p><br>');
             
             //$('#body-content').append('<div id="rss-bdy">' + data.query.results.item[i].encoded + '</div>');
             $('#body-content').append('<div id="full-article"><a class="ui-btn" href="' + con + '" >Go to original page</a></div>');
           $('#body-content').append('<hr>')

             
             
         }
     });
 };

$(document).on("pagecreate","#page1", function(){ 
	 getRSSFeed('meps4wildlife.eu/feed');
    
    $(document).on("click", ".articleLink", function(){
        console.log($(this).data("article"));
        var idx = parseInt($(this).data("article"));
    	$("#articleContent").html(fetchedFeedData.query.results.item[idx].encoded);
    });
});