01.var handleBlogPostFeed = function(postsFeedRoot) {
02. var posts = postsFeedRoot.feed.getEntries();
03.
04.
05. var objul = document.getElementsByTagName("ul").item(0);
06. objul.id = "home";
07. objul.title = postsFeedRoot.feed.getTitle().getText();
08.
09.
10. var html = '';
11. var prePostDate = '';
12. for (var i = 0, post; post = posts[i]; i++) {
13. var postTitle = post.getTitle().getText();
14. var postURL = post.getHtmlLink().getHref();
15. var blogUpdated = post.getUpdated().getValue().getDate();
16.
17.
18. var aData = blogUpdated.toString().split(" ");
19. aData[0] = exChangeDay(aData[0]);
20. aData[1] = exChangeMonth(aData[1]);
21. var postDate = aData[3] + '/' + aData[1] + '/' + aData[2] + aData[0];
22.
23.
24. if ( prePostDate == '' || prePostDate != postDate ){
25. html += '<li class="group">' + postDate + '</li>';
26. }
27. html += '<li><a href="' + postURL + '" target="_self">'
28. + postTitle + '</a></li>';
29.
30.
31. prePostDate = postDate;
32. }
33. objul.innerHTML = html;
34.};
更新日も記事の情報として、APIで取得できます。 var blogUpdated = post.getUpdated().getValue().getDate(); 実際には、以下のように出力されるので、少しいじる必要があります。 Sat Sep 05 2009 20:39:09 GMT+0900 上の「blogUpdated」はDate型なので、「toString()」で型変換し、 それを更に「.split(' ');」によって分割しています。 更に更に、曜日と月が英語のままではわかりづらいので、 Switch文でこつこつと日本語に入れ替えてあげ、 それを欲しい順番に連結して完成です。 <li class="group"></li> これで出来た日付を、 上のタグに入れそのまま使うと、全投稿に表示されるので、 「ループ初回or前投稿と日付が違う」場合に表示するようにしました。なお、あくまでも更新日なので、 下の記事が上の記事よりも新しい日付が出ますが、 そもそもFeedに作成日時が無いようなので、対応のしようがありません。 少し気持ち悪いですが、仕方ないです。 投稿にも、投稿された順番があるので、並べ替えずにこのままで良いです。 以下が今回のソースです。 <body>以下のソースが前回の投稿にあるので、それと照らし合わせて使用します。 ▼続きを読む/たたむ
投稿
0 件のコメント:
コメントを投稿