LoginSignup
1
0

More than 5 years have passed since last update.

【質問】google ajax feed api+jquery mobile

Last updated at Posted at 2012-07-14

最近、暇だったのでgoogle ajax feed apiを触ってみた見ましたが、jQuery mobileのlistviewを動的作成するところで困っています。
"html +="の部分で ul data-role="listview" data-inset="true"とliを使って、取得したRSSをjQuery mobileでリスト化したいんですが、途中で投げ出してしまいました。かなりいじったんですが、さっぱりわかりません。ヒントでも、直接コードを書いても構いませんので助けて頂けると嬉しいです。

var echo = function () {
entriesArray.sort (function (b1, b2) { return b1.sortDate < b2.sortDate ? 1 : -1; } );//降順ソート
//this.entriesArray.sort (function (b1, b2) { return b1.sortDate > b2.sortDate ? 1 : -1; } );//昇順ソート
var feedLength = (_maxLength)? _maxLength : entriesArray.length;
var container = document.getElementById(_id);
var html='<dl>';
for (var i = 0; i < feedLength; i++) {
var entry = entriesArray[i];
var pdate = new Date(entry.publishedDate);
var Y = pdate.getFullYear();
var m = pdate.getMonth() + 1;
m = (m < 10)? "0" + m:m;//月数字を2桁に
var d = pdate.getDate();
d = (d < 10)? "0" + d:d;//日数字を2桁に
var date = Y + "" + m + "" + d + "";

html += '<li>';
html += '<img src="http://favicon.st-hatena.com/?url=' +entry.siteUrl + '" />';
html += ' <a href="' + entry.link + '" target="_blank">' + entry.title + '</a>(' + date + '';
html += '<img src="http://b.hatena.ne.jp/entry/image/large/' + entry.link + '" />';
}
html += '</dl>';
container.innerHTML += html;
};

google.setOnLoadCallback(init);
};


getRssFeeds("feeds", [

"http://feeds.feedburner.com/hatena/b/hotentry"
]);

//]]>``
1
0
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
1
0