drk7.jpさんでXML2JSON serviceという面白いサービスが開始されました。
ということで早速ハックしてみました。
前のエントリーで書いたJavascriptテンプレートと組み合わせてめちゃくちゃ簡単にRSSを表示できます。
使い方ですが、多分ソースをみてもらったほうが速いです。
//サンプルHTMLから抜粋
javascript code
Event.observe(window, "load", function(){new XML2JSON("<a href="http://feeds.feedburner.com/Inforno">http://feeds.feedburner.com/Inforno</a>", {container: "test", template : {element:"template"}});});
初期化コードはｺﾚだけです。 containerでinnerHTMLに結果を流し込みたいElementを指定します。 templateはLyase.View.renderの引数と同じです。 例ではtextareaエレメントのid:"tempalte"のinnerHTMLをテンプレートとして扱います。
html code
//テンプレート<textarea id="template" style="display:none;"><h3>< %= context.channel.title %></h3><ul class="items">< % context.channel.item.each(function(item,index){%><li><a href="<%= item.link%>" target="_blank">< %= item.title%></a></li>< % if(index > 5){throw $break;}%>< %})%></ul></textarea>
こんな感じでテンプレートがかけるので、デザインの変更が大変楽になります。 またJSONデータ取得時のonloadを好きなメソッドに置き換えることもできるのでLyase.Viewを使わなくてもXML2JSONライブラリだけで おいしくいただけます。すきに改造してやってください、たいしたものじゃないですし（笑