RSSで読み込み、1件目とその他を分ける新着情報を作る
<script type="text/javascript" src="https://www.google.com/jsapi"></script> <script type="text/javascript"> google.load("feeds", "1"); //APIを読み込みます function initialize(){ var feed = new google.feeds.Feed("読み込むRSSのURLを指定"); feed.setNumEntries(5); //記事を読み込む件数を設定します feed.load(dispfeed); function dispfeed(result){ if(!result.error){ var container_new = document.getElementById("newsFeed"); //HTMLに書き出す対象のIDを指定します var container = document.getElementById("newsFeedList"); //HTMLに書き出す対象のIDを指定します for (var i = 0; i < result.feed.entries.length; i++) { var entry = result.feed.entries[i]; var entryDate = new Date(entry.publishedDate); var entryYear = entryDate.getYear(); if (entryYear < 2000){ entryYear += 1900; } var entryMonth = entryDate.getMonth() + 1; if (entryMonth < 10) { entryMonth = "0" + entryMonth; } var entryDay = entryDate.getDate(); if (entryDay < 10) { entryDay = "0" + entryDay; } var date = entryYear + "." + entryMonth + "." + entryDay; if ( i == 0 ){ container_new.innerHTML += '<li>' + '<a href="' + entry.link + '">' + date + '<br />' + '<span>' + entry.title + '</span>' + ' </a></li>'; } else { container.innerHTML += '<li>' + '<a href="' + entry.link + '">' + date + '<br />' + '<span>' + entry.title + '</span>' + ' </a></li>'; } } } else { //エラー 読み込み中 } } } google.setOnLoadCallback(initialize); </script> <ul id="newsFeed"></ul> <ul id="newsFeedList" class="closeBox"></ul>
参考サイト
ブログのRSSを読み込んで新着記事を表示!Google AJAX APIを使ってみました
http://kana-lier.com/javascript/google_ajax_rssfeed/
この投稿へのトラックバック
トラックバックはありません。