同一ドメインのRSSを取得して表示する
難しいことはまったくないとおもう。
/*ヘッダー*/ <script type="text/javascript" src="common/js/jquery-1.5.1.min.js"></script> <script type="text/javascript" src="common/js/xmlRss.js"></script> <script type="text/javascript"> <!-- $(document).ready(function(){ /*ニュース*/ $.ajax({ url: "http://www.kenmituo.co.jp/rss/news.xml", async: true, dataType: "xml", cache:false, success: xmlNews }); --> </script>
こんな感じで外部ファイル
function xmlNews(xml){ var rtn = ""; $(xml).find('item').each(function(i){ if(i==5){ return false; } var title = $("title", this).text(); var link = $("link", this).text(); var date = dateParse($("pubDate", this).text()); rtn += "<dl><dt>"+date+"</dt><dd><a href='"+link+"'>"+title+"</a></dd></dl>"; }); $("#news").append(rtn); } function dateParse(str){ var objDate = new Date(str); str = objDate.toLocaleDateString(); return str; }
取得するXMLファイルによってtitleやlinkは異なる。
jQueryのeachを抜ける為に5件だけ表示して「return false」でeachを抜ける。
挿入する場所
<aside id="complementary_news" role="complementary"> <div id="news"><h2>ニュース</h2></div> </aside>