Here is my version of it. Check out the result on UEX start page. Feel free to use Google translate
<style>
#nyheter .date { float: right; }
#nyheter img { display: block; height: auto; margin: 10px 0px; max-width: 100%; }
#nyheter iframe { max-width: 100%; }
</style>
<table id="nyheter" class="table table-striped"></table>
<script type="text/javascript">
var rss_urls = [
'http://www.fz.se/core/rss/fznews_rss20.xml',
'http://loading.se/rss.php?type=news',
'http://www.eurogamer.se/?format=rss&type=news',
'http://www.gamereactor.se/rss/rss.php?texttype=4'
];
var news_items = [];
var protocol = document.location.protocol === "file:" ? "http:" : document.location.protocol;
for (var i = 0; i < rss_urls.length; i++) {
var rss_url = rss_urls[i];
jQuery.ajax({
type: "GET",
url: protocol+'//ajax.googleapis.com/ajax/services/feed/load?v=1.0&num=1000&callback=?&q=' + encodeURIComponent(rss_url),
dataType: 'json',
success: function(data) {
values = data.responseData.feed.entries;
var list = '', count = 0;
jQuery.each(values, function(index, item) {
if (count >= 5) {
return;
}
var news_item = {};
var pubDate = item.publishedDate;
var date = new Date(pubDate);
var month = date.getMonth < 10 ? date.getMonth() : "0" + date.getMonth();
news_item.date = date.getFullYear() + "-" + month + "-" + date.getDate() + " " + date.getHours() + ":" + date.getHours();
news_item.datetime = date.getTime();
news_item.link = item.link;
news_item.title = item.title;
news_item.content = item.content;
news_items.push(news_item);
count++;
});
update_table();
}
});
}
function update_table() {
news_items.sort(function(a, b) {
var keyA = new Date(a.datetime),
keyB = new Date(b.datetime);
// Compare the 2 dates
if (keyA < keyB)
return 1;
if (keyA > keyB)
return -1;
return 0;
});
var list = "";
for (var i = 0; i < news_items.length; i++) {
var item = news_items[i];
list += "<tr><td><a href='" + item.link + "' target='_blank'>" + item.title + "</a><span class='date'''>" + item.date + "</span> <br/> <span>" + item.content + "</span><br/></td></tr>";
}
jQuery('#nyheter').html(list);
}
</script>
Sharing is caring ....
