ベストアンサー

他のサイトのRSSをHTML上に表示したい

2010/12/13 18:15

他のサイトから配信されているRSSをHTML上に表示したいのですが、最低でもタイトル、リンク先、更新時間（年、月、日、時、分、秒まで）の項目で表示できるものはありますか？ javascriptでもPHPでもOKです。ご存知の方いらっしゃいましたらお願いします。

noname#244246

HTML
回答数2
ありがとう数1

みんなの回答 （2）
専門家の回答

質問者が選んだベストアンサー

ベストアンサー

yyr446
ベストアンサー率65% (870/1330)

2010/12/14 17:58 回答No.2

Javascriptのサンプル(GoogleのAPI利用) ---略--- <script type="text/javascript" src="http://www.google.com/jsapi"></script> <script type="text/javascript">google.load("feeds","2");</script> <script type="text/javascript"> function SimpleRssReader(rss_url,kensu,container_id){ 　var kensu = kensu?kensu:10; 　var container = document.getElementById(container_id); 　var feed = new google.feeds.Feed(rss_url); 　feed.setNumEntries(kensu); 　feed.setResultFormat(google.feeds.Feed.JSON_FORMAT); 　feed.load(handler); 　feed = null; 　function handler(result){ 　 if(result.status.code=="200"){ 　　 output(result.feed.entries); 　 }else alert("RSS Error:" + result.status.code); 　} 　function output(entries){ 　 if(container){ 　　 var ul,title,link,d,youbi,publishedDate,li,a; 　　 while(container.hasChildNodes()) 　　　container.removeChild(container.firstChild); 　　 ul = document.createElement("ul"); 　　 ul.style.listStyleType = 'none'; 　　 youbi = new Array("日","月","火","水","木","金","土"); 　　 for(var i=0;i<entries.length;i++){ 　　　title = entries[i].title; 　　　link = entries[i].link 　　　d = new Date(entries[i].publishedDate); 　　　publishedDate = { 　　　 year:d.getFullYear(), 　　　 month:d.getMonth()+1, 　　　 date:d.getDate(), 　　　 youbi:youbi[d.getDay()], 　　　 hr:d.getHours(), 　　　 min:d.getMinutes(), 　　　 sec:d.getSeconds() 　　　}; 　　　li = document.createElement("li"); 　　　a = document.createElement("a"); 　　　a.href = link; 　　　a.appendChild(document.createTextNode(title)); 　　　li.appendChild(a); 　　　li.appendChild(document.createTextNode( 　　　 " " + 　　　 publishedDate.year + "年" + 　　　 publishedDate.month + "月" + 　　　 publishedDate.date + "日" + 　　　 "(" + publishedDate.youbi + ")" + 　　　 publishedDate.hr + "時" + 　　　 publishedDate.min + "分" + 　　　 publishedDate.sec + "秒" 　　　)); 　　　ul.appendChild(li); 　　 } 　　 container.appendChild(ul); 　 }else return false; 　} } </script> </head> <body> <div id="container">Loading...</div> <script type="text/javascript"> 　var myRssList = new SimpleRssReader("RSSのURL",10,"container"); </script> </body>

その他の回答 (1)

yyr446
ベストアンサー率65% (870/1330)

2010/12/13 18:44 回答No.1

GooリーダーやGoogleリーダー http://www.google.co.jp/reader/ http://reader.goo.ne.jp/ を使いたいって話ですか？それとも、あなたのWebページで、よそのフィード（RSS）を読み込んで、表示させるって話ですか？だとしたら↓ http://code.google.com/intl/ja/apis/ajaxfeeds/documentation/ を参考に、自作しましょう。