zrssfeedでRSSを取得

Pocket

jQueryプラグインの「zrssfeed」を使うと簡単にRSSを取得して表示することができます。

RSS Feeds Reader Plugin for jQuery - Zazar Online Website Builderリンク切れ

上のページからプラグイン(jquery.zrssfeed.js)をダウンロードします。現在のバージョンは1.1.8でした。

使い方はとても簡単です。
まずHTMLに次のように書きます。idは任意です。

<div id="myid"></div>

プラグインjquery.zrssfeed.jsを適当なフォルダに保存します。
そのフォルダに応じて、次のように書きます。

<script type="text/javascript" src="フォルダ/jquery.zrssfeed.js"></script>

スクリプトに次のように書きます。
アドレスはRSSのURLです。
オプションは後述します。なくてもよいです。

$("#myid").rssfeed(アドレス,オプション)

これだけでHTMLに整形された状態で表示されるはずです。

ただし、オプションを調整しないと見た目が変な場合がほとんどです。
例えば次のようにオプションを付けます。

$('#mydiv').rssfeed('http://rss.dailynews.yahoo.co.jp/fc/rss.xml',{
  limit: 8,
  content:false,
  date:false,
  header:false,
  media:false,
  titletag:'p'
});

limitは表示される件数です。
contentは記事の内容です。デフォルトはtrueで表示されます。
dateは日時です。デフォルトはtrueです。
headerは記事の見出しです。デフォルトはtrueです。
mediaは画像情報です。デフォルトはtrueです。
titletagは記事の見出しのタグです。デフォルトはh4です。「<h4>見出し</h4>」となります。

オプションは他にもあります。
またプラグインに同梱されているサンプルが充実していますので確認してください。

[ 2012年9月19日 | カテゴリー: JavaScript | タグ: , , ]

« | »

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

送信してください。


タグ

カテゴリー

最近の投稿

最近のコメント

固定ページ

アーカイブ

stabucky

写真

メタ情報