RSS Reader with jQuery Mobile
Forked from: iscpa (http://jsdo.it/iscpa/wpwG) which is forked from mcarlogic's (http://jsdo.it/mcarlogic/69d3) which is forked from rotsuya (http://jsdo.it/rotsuya/411c)
by exe1
HTML
<script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.js"></script>
<script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0b2/jquery.mobile-1.0b2.min.css">
CSS
.ui-footer .ui-btn-right {
}
.articleContent > table > tbody > tr > td > font > br {
display: none;
}
.articleContent > table > tbody > tr > td > font > br + div {
display: none;
}
.articleContent * {
font-size: medium !important;
}
JavaScript
// ISCPA added search filter, home icon, updated CDN-Hosted links
// forked from sumukh1's "forked: RSS Reader with jQuery Mobile" http://jsdo.it/sumukh1/4Ton
/* configuration */
var maxLength = 20;
/* writing HTML */
document.write(
'<div data-role="page" id="list">' +
' <div data-role="header" data-position="fixed">' +
' <h1><span id="widgetTitle">...</span> ' +
' <span style="font-size: x-small">(HTML)</span></h1>' +
' </div>' +
' <div data-role="content">' +
' <ul data-role="listview" data-filter="true" id="articleList">'
);
for(var i=1; i<=maxLength; i++){
document.write(
'<li id="list' + i + '"><a href="#article' + i + '" id="link' + i + '"> </a></li>'
);
}
document.write(
' </ul>' +
' </div>' +
'</div>'
);
for(i=1; i<=maxLength; i++){
document.write(
'<div data-role="page" id="article' + i + '">' +
' <div data-role="header" data-position="inline">' +
' <a href="#list" data-role="button" data-icon="home" data-back="true">Home</a>' +
' <h1 id="articleHeader' + i + '"> </h1>' +
' <a href="#" id="openButton' + i + '" data-role="button" data-icon="plus"' +
' class="ui-btn-right" rel="external">Open</a>' +
' </div>' +
' <div data-role="content">' +
' <div id="articleContent' + i + '" class="articleContent"></div>' +
' <div data-role="controlgroup" data-type="horizontal">' +
' <a href="#article' + String(i-1) + '" data-role="button" data-icon="arrow-l"' +
' data-inline="true" class="prevButton">Prev</a>' +
' <a href="#article' + String(i+1) + '" data-role="button" data-icon="arrow-r"' +
' data-inline="true" class="nextButton" data-iconpos="right">Next</a>' +
' </div>' +
' </div>' +
'</div>'
);
}
/* JSONP */
$(function(){
// getOnlineFeed('http://www4.lehigh.edu/news/rss/LUnews_rss.xml');
getOnlineFeed('http://feeds.feedburner.com/HenningsBlog');
/*
...