freo 公式の更新情報を管理画面に表示する

<script type="text/javascript" src="http://www.google.com/jsapi"></script>

YQL API で RSS を表示させる Javascript

$(function() {
    $.getJSON("http://query.yahooapis.com/v1/public/yql?callback=?", {
        q: "select * from rss where url in ('http://freo.jp/info/news/feed') limit 5", // limitで扱う「件数」が指定できる。
        format: "json"
    }, function (json) {
        var container = document.getElementById('feed');
        var htmlstr = '<ul>';
        for(var i in json.query.results.item){
            var entry = json.query.results.item[i];

            var link = entry.link;
            var title = entry.title;
            var description = entry.description;
            var dateString = new Date(entry.date);
            var year = dateString.getFullYear();
            var month = dateString.getMonth() + 1;
            var day = dateString.getDate();

            var delDate = 15; // NEWマークを表示する日数。
            var dateStringNow = (new Date()).getTime();
            var checkDate =(dateStringNow - dateString) / (1000 * 24 * 3600);

            var elementNew = '';

            if(checkDate <= delDate) {
                elementNew = ' <em>New!</em>'; // NEWマークをつける場合に表示するHTML要素。
            }
            htmlstr += '<li><a href="' + link + '">' + title + '</a> （' + year + '/' + month + '/' + day + '）' + elementNew + '<br />' + description + '</li>';

        }
        htmlstr += '</ul>';
        container.innerHTML = htmlstr;
    });
});

管理画面テンプレートを編集

• templates/internals/admin/default.html
• templates/internals/admin/header.html

<h2>freo 更新ニュース</h2>
<div id="feed"></div>

<script type="text/javascript" src="{$freo.core.http_url}{$smarty.const.FREO_JS_DIR}gAjax.js"></script>