Blog Parts Changerその3：ケロールを表示する

今回は、「ケロール」のカエルティッカーをBlog Parts Changerで表示する方法を紹介します。

●Blog Parts ChangerのJavaScriptを書き換える
　まず、Blog Parts ChangerのJavaScriptを書き換えます。「// 1つ目のパーツを表示する処理」等の部分を、以下のようなスクリプトに置き換えます。

・asahi.com用

        parts_html += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="127" height="149">';
        parts_html += '<param name="movie" value="http://ticker.pingpon.net/ticker.swf?ref=' + document.referrer + '">';
        parts_html += '<param name="quality" value="high">';
        parts_html += '<param name="LOOP" value="false">';
        parts_html += '<embed src="http://ticker.pingpon.net/ticker.swf?ref=' + document.referrer + '" width="127" height="149" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>';
        parts_html += '</object>';

・Yahoo用

        parts_html += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="127" height="149">';
        parts_html += '<param name="movie" value="http://ticker.pingpon.net/ticker.swf?cat=ytopics&ref=' + document.referrer + '">';
        parts_html += '<param name="quality" value="high">';
        parts_html += '<param name="LOOP" value="false">';
        parts_html += '<embed src="http://ticker.pingpon.net/ticker.swf?cat=ytopics&ref=' + document.referrer + '" width="127" height="149" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>';
        parts_html += '</object>';

●デフォルトのBlogパーツの指定
Blog Parts Changerの最後にある「show_blog_parts(○);」の行を、デフォルトで表示したいBlogパーツの番号に変えます。

●Blogパーツを切り替えるためのリンクを作る
次に、「<div id="blog_parts_changer"></div>」の行の後に、Blogパーツを切り替えるためのリンクとして、以下のようなものを入れます。

<a href="javascript:show_blog_parts(○)">Blogパーツの名前</a>

「○」の部分には、表示したいBlogパーツの番号を入れます。
また、「Blogパーツの名前」の部分には、表示したいパーツの名前を入れます。

●例
メロ（ID＝1234）とケロール（asahi.com）を切り替えて表示できるようにする場合、Blog Parts Changerのスクリプトは以下のようになります。

<script language="javascript" type="text/javascript" charset="UTF-8">
<!--
function show_blog_parts(parts_no)
{
    parts_html = "";
    if (parts_no == -1) {
        parts_html = "<p>ただいま工事中です。</p>\n";
    }
    else if (parts_no == 0) {
        parts_html += "<a href=\"http://meropar.jp/\" target=\"blank\"><img src=\"http://meropar.jp/img/logo_blog_1.gif\" border=\"0\" onmouseover=\"this.src='http://meropar.jp/img/logo_blog_2.gif'\" onmouseout=\"this.src='http://meropar.jp/img/logo_blog_1.gif'\" alt=\"ブログペットのメロメロパーク\" /></a>";
        parts_html += "<br /><object codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='140' height='257' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://cache.meropar.jp/swf/blog/main.swf' /><param name='quality' value='high' /><param name='bgcolor' value='ffffff' /><param name='FlashVars' value='petId=1234' /><embed src='http://cache.meropar.jp/swf/blog/main.swf' FlashVars='petId=1234' quality='high' bgcolor='#ffffff' width='140' height='257' name='main' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
    }
    else if (parts_no == 1) {
        parts_html += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="127" height="149">';
        parts_html += '<param name="movie" value="http://ticker.pingpon.net/ticker.swf?ref=' + document.referrer + '">';
        parts_html += '<param name="quality" value="high">';
        parts_html += '<param name="LOOP" value="false">';
        parts_html += '<embed src="http://ticker.pingpon.net/ticker.swf?ref=' + document.referrer + '" width="127" height="149" loop="false" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed>';
        parts_html += '</object>';
    }
    document.getElementById('blog_parts_changer').innerHTML = parts_html;
}
//-->
</script>

お知らせ

Blog Parts Changerその3：ケロールを表示する

おすすめ