dojox
Version:
Dojo eXtensions, a rollup of many useful sub-projects and varying states of maturity – from very stable and robust, to alpha and experimental. See individual projects contain README files for details.
98 lines (83 loc) • 2.5 kB
HTML
<html>
<head>
<title>Demo of Google SMD Feed Service</title>
<style type="text/css">
th {
text-align:left;
}
table {
border-collapse:collapse;
}
th, td {
border:1px solid #ddd;
}
</style>
<script type="text/javascript" src="../../../dojo/dojo.js" data-dojo-config="isDebug: true, parseOnLoad: true"></script>
<script type="text/javascript">
dojo.require("dojox.rpc.Service");
dojo.require("dojo.io.script");
function init(){
var google = new dojox.rpc.Service(dojo.moduleUrl("dojox.rpc","SMDLibrary/google.smd"));
dojo.connect(dojo.byId("go"),"onclick", function(e){
var resultsNode = dojo.byId("feedData");
resultsNode.innnerHTML = "Loading...";
var url = dojo.byId("feedUrl").value;
google.getFeed({
q: url
}).addCallback(function(response){
console.log(response);
var feed = response.responseData.feed;
dojo.byId("feedTitleNode").innerHTML = feed.title;
dojo.byId("feedAuthorNode").innerHTML = feed.author;
dojo.byId("feedLinkNode").innerHTML = feed.link;
dojo.byId("feedTypeNode").innerHTML = feed.type;
dojo.byId("feedDescriptionNode").innerHTML = feed.description;
var feedEntriesNode = dojo.byId("feedEntriesNode");
dojo.forEach(feed.entries, function(entry){
var entryNode = document.createElement("li");
entryNode.innerHTML = entry.title + ", <i>" + entry.link + "</i>";
feedEntriesNode.appendChild(entryNode);
});
}).addErrback(function(err){
console.error("Error getting feed from " + url, err);
});
});
}
dojo.addOnLoad(init);
</script>
</head>
<body>
<h2>Google API SMD - Feed Reader</h2>
<input id="feedUrl" name="feedUrl" type="text" size="60" value="http://dojotoolkit.org/aggregator/rss">
<button id="go" type="submit" value="Read Feed">Read Feed</button>
<p>Click the Read Feed button to load the feed data.</p>
<div id="feedData">
<table>
<tr>
<th>Title</th>
<td id="feedTitleNode"><i>none yet</i></td>
</tr>
<tr>
<th>Author</th>
<td id="feedAuthorNode"><i>none yet</i></td>
</tr>
<tr>
<th>Link</th>
<td id="feedLinkNode"><i>none yet</i></td>
</tr>
<tr>
<th>Type</th>
<td id="feedTypeNode"><i>none yet</i></td>
</tr>
<tr>
<th>Description</th>
<td id="feedDescriptionNode"><i>none yet</i></td>
</tr>
</table>
<p><b>Entries:</b></p>
<ul id="feedEntriesNode">
</ul>
</div>
</body>
</html>