▲PAGE TOP

2014年4月22日火曜日

facebookページを読み込んでリストアイコンとタイトル、本文(省略)を表示するお知らせページを作成する



  1. URL-Generator fur Facebookpage で読み込むfacebookページのRSSを取得する
  2. 表示させるページに以下のタグを入力する。
  3. 読み込むfacebookページのタイトルを入力する
  4. 読み込むRSSを入力する
  5. リストアイコン(check.gif)を変更する
  6. 保存して終了



<script type="text/javascript" src="http://www.hans-huber.com/0102030405/java/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
// 初期設定
var disp_entry_count = 10;       //表示させたい記事の数
// RSS URL
var site = new Array();
site[0] = {
    title:'◆◆読み込むfacebookページのタイトル名1◆◆',
    url:'◆◆RSSのURLはここに入力◆◆',
    disp_entry:5        // 取得する記事の数
};
site[1] = {
    title:'◆◆読み込むfacebookページのタイトル名2◆◆',
    url:'◆◆RSSのURLはここに入力 RSSは複数入力できます。◆◆',
    disp_entry:5        // 取得する記事の数
};
var channel = new Array();
var entry = new Array();
var entries = new Array();
var Feed = "";
google.load("feeds", "1");
function init() {
 
    var site_count = 0;
 
    for (var i=0; i<site.length; i++){
 
        // 読み込むRSSを設定
        var feed = new google.feeds.Feed(site[i]['url']);
        feed.setNumEntries(site[i]['disp_entry'])
        feed.load(function(rss) {
            if (!rss.error) {
             
                // RSSからサイトの情報を配列に格納
                channel['title'] = rss.feed.title;
                channel['link'] = rss.feed.link;
                channel['favicon'] = "http://favicon.hatena.ne.jp/?url=" + channel['link'];
                channel['description'] = rss.feed.description;
                channel['author'] = rss.feed.author;
                // RSSから記事の情報を配列に格納
                for (var j=0; j<rss.feed.entries.length; j++){
                 
                    var feed_entry = rss.feed.entries[j];
                    var entry = {
                        site_title : channel['title'],
                        site_link : channel['link'],
                        site_favicon : channel['favicon'],
                        title : feed_entry.title,
                        link : feed_entry.link,
                        content : feed_entry.content,
                        contentSnippet : feed_entry.contentSnippet,
                        publishedDate : feed_entry.publishedDate
                    };
                 
                    var date = new Date(entry['publishedDate']);
                    entry['time'] = date.getTime();
                    var yy = date.getYear();
                    var mm = date.getMonth() + 1;
                    var dd = date.getDate();
                    if (yy < 2000) { yy += 1900; }
                    if (mm < 10) { mm = "0" + mm; }
                    if (dd < 10) { dd = "0" + dd; }
                    entry['date'] = yy + "年" + mm + "月" + dd + "日";
                 
                    entry['img'] = entry['content'].match(/src="(.*?)"/igm);
                 
                    if (entry['img'] != null) {
                        for (var k=0; k<entry['img'].length; k++){
                            entry['img'][k] = entry['img'][k].replace(/src=/ig, "");
                            entry['img'][k] = entry['img'][k].replace(/"/ig, "");
                        }
                    }
                    entries.push(entry);
                }
            }
            site_count++;
            if (site.length == site_count){ disp(); }
        });
    }
}
 
function disp() {
    //日付順に並べ替え
    entries.sort (function (b1, b2) { return b1.time < b2.time ? 1 : -1; } );
 
    // 記事をhtmlに整形
    for (var l=0; l<disp_entry_count; l++){
        if (entries.length < l+1){ break; }
     
        if (entries[l]['img'] != null) { Feed += ''; }
        Feed += ''
                    + '<img src="http://www.hans-huber.com/0102030405/afsystem/templates/images/check.gif"><a href="'+ entries[l]['link'] + '" target="_blank">' + entries[l]['title'] + '</a>'
                    + '<br><img src="http://www.hans-huber.com/0102030405/afsystem/templates/images/space.gif">' + entries[l]['contentSnippet'].substr(0, 50) + '……<hr style="border:none;border-top:dashed 1px #CCCCCC;height:1px;color:#FFFFFF">';
    }
    // 表示するタグに追加
    $('#topics').append( Feed );
}
google.setOnLoadCallback(init);
</script>
<!-- RSSを表示するタグ -->
<div id="topics"></div>








COMMENT 投稿した内容は「 掲示板 」に掲載されます。
ペンネーム(必須)

タイトル

メールアドレス

話題にするページ/ウェブサイトのURL
メッセージ(必須)
アップロードする画像
パスワード(必須)