2012年10月25日

世界一簡単な google feedapi jsapi で 複数RSSを日付毎に一括合体表示。

お願いします♪いいねとかつぶやいたりして下さい
 
今回はAmazonのRSSをやってみる。
色々情報はネットにあるけど、全て難しすぎる。
もっと簡単にかけばいいのに。。。

ちなみにgooglefeedapiのキーは必要無い。

[使い方]

・表示したいamazonRSSのURLと
・読み込む件数

の二つを変更するだけ。

デザイン変えたい場合やリンク先を変えたい場合は
//表示処理
の部分を変更するだけ。



<script type="text/javascript" src="http://www.google.com/jsapi"&gt;&lt;/script&gt;
<script type="text/javascript">
google.load("feeds", "1");
//表示したいamazonRSSのURL
var feeds = new Array(
	'http://www.amazon.co.jp/gp/rss/bestsellers/books/2278488051/ref=zg_bs_2278488051_rsslink',
	'http://www.amazon.co.jp/rss/bestsellers/videogames/ref=pd_ts_rss_link'
);

//読み込む件数
var setNumEntries = 10;
</script>


<script type="text/javascript">

var arFeeds = new Array;
var showFeeds = '';


// 1桁の数字を0埋めで2桁にする
var toDoubleDigits = function(num) {
  num += "";
  if (num.length === 1) {
    num = "0" + num;
  }
 return num;     
};

google.setOnLoadCallback(initialize);
function initialize() {
	
	i = 0;
	$(feeds).each(function() {
			
			
			var feed = new google.feeds.Feed(this);
			
			feed.setNumEntries(setNumEntries);//読み込むfeed数
			feed.load(function(result) {
				i++;
				
				// エラーが無いか確認(エラーとfeedが1件も無いは違うので注意)
				if (!result.error) {
				  items = result.feed.entries;
				
				  $(items).each(function() {
					
					// 記事の画像を取得する
					tmpDate = new Date(this.publishedDate);
					date = String(tmpDate.getFullYear()) + String(toDoubleDigits(tmpDate.getMonth()+1)) + String(toDoubleDigits(tmpDate.getDay())) + String(toDoubleDigits(tmpDate.getHours())) + String(toDoubleDigits(tmpDate.getMinutes())) + String(toDoubleDigits(tmpDate.getSeconds()));
					
					img = this.content.match("<img.*jpg.*?>");
					arFeeds.push({ title:this.title ,img:img, link:this.link , date:date });
				  });
				  
				}
				
					if(feeds.length == i){
						
						//feed読み込み完了
						arFeeds.sort(
							function(a,b){
								var aName = a["date"];
								var bName = b["date"];
								if( a < b ) return -1;
								if( a > b ) return 1;
								return 0;
							}
						);
						
						//表示処理
						$(arFeeds).each(function() {
							showFeeds += '<li><a href="' + this.link +'">' + this.img + ' ' + this.title + '</a></li>';
						});
						
						$('#res').html(showFeeds);
					}
					
			 });
		
	 
	 });
	 
}
</script>


<ul id="res">
	よみこみちゅぅ
</ul>



関連するタグ:
あなたにとって有用な記事でしたか?是非ブックマークしておくことをおすすめします。
 




ライブラリを配布しちゃったり
webデザイン
Fireworks
HTMLコーディング
CSS
Dreamweaver
携帯サイト
webプログラム
PHP
正規表現
cakephp
MYSQL
javascript
webマーケティング
adwords
analytics
windows7
ショートカットキー
おすすめ情報
サイト
facebook
ライブラリ
配布
アプリ
iphone
ipad
サーバー
さくらサーバー
全ての記事を読む




トップ - 最新の記事一覧 - お問い合わせ