ブログペット切り替えスクリプト～POC混在タイプ～

リニューアルによってランダム表示スクリプトが動作しなくなり、「ブログペット切り替え表示スクリプト～リニューアル対応版～」を中の人が考案してくださいました。
設定の変更やバージョンアップに対応していること、設置が簡便なのが便利ですね。

ただランダム表示CGIを利用していると、さまざまな組み合わせを楽しむべく、リロードも行いたいところ。
このリロード機能が失われるのがネックでした。

そんな中、The blog of H.Fujimotoさまの「BlogPetのランダム表示JavaScript(新コード対応版)」が発表されました。

私は中にPOCが1匹混在しているので、POCと無料で切り替えるような形にしてみました。

書き換えるのは「function show_pet()」の中の「pethtml =」です。

1.まずはPOC部分を記述します。
「id=」に設定するのは、POCのペットのIDです。

if (id == 'db3675d83fc26eb171d4f2bfd29f67a4' ) {
pethtml = "<object id='usa' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='130' height='220' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://www.blogpet.net/usap.swf' /><param name='play' value='true' /><param name='loop' value='false' /><param name='menu' value='false' /><param name='quality' value='high' /><param name='FlashVars' value='username=" + id + "&blogpet_domain=www.blogpet.net/&selfurl="+encodeURIComponent(document.URL)+"' /><embed src='http://www.blogpet.net/usap.swf' loop='false' menu='false' quality='high' bgcolor='#ffffff' width='130' height='220' name='usa' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' FlashVars='username=" + id + "&blogpet_domain=www.blogpet.net/&selfurl="+encodeURIComponent(document.URL)+"' /></object>\n";

2.次に無料ペットの分岐文を記述します。

} else {
pethtml = "<object id='usa' classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='130' height='320' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://www.blogpet.net/usan.swf' /><param name='play' value='true' /><param name='loop' value='false' /><param name='menu' value='false' /><param name='quality' value='high' /><param name='FlashVars' value='username=" + id + "&blogpet_domain=www.blogpet.net/&selfurl="+encodeURIComponent(document.URL)+"' /><embed src='http://www.blogpet.net/usan.swf' loop='false' menu='false' quality='high' bgcolor='#ffffff' width='130' height='320' name='usa' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' FlashVars='username=" + id + "&blogpet_domain=www.blogpet.net/&selfurl="+encodeURIComponent(document.URL)+"' /></object>\n";
}

3.ランダムスクリプトファイル(例:randompet.js)アップロードしなおします。

4.POCと無料ペットによって、画面サイズが異なるようになりました。
そのため切り替えリンクを上部に異動しました。

<a href="javascript:select_pet(3);"><img src="http://～/rabbit2.gif" border="0" style="border: none;" onmouseover="this.src='http://～/rabbit2-on.gif'" onmouseout="this.src='http://～/rabbit2.gif'" alt="こうさぎ" width=20 height=28 />みゅうみゅう</a>/<a href="javascript:select_pet(2);"><img src="http://～/cat2.gif" border="0" style="border: none;" onmouseover="this.src='http://～/cat2-on.gif'" onmouseout="this.src='http://～/cat2.gif'" alt="こねこ" width=20 height=20 />紫苑</a><br />
<a href="javascript:select_pet(0);"><img src="http://～/panda2.gif" border="0" style="border: none;" onmouseover="this.src='http://～/panda2-on.gif'" onmouseout="this.src='http://～/panda2.gif'" alt="こぱんだ" width=25 height=19 />ポテチ</a>/ <a href="javascript:select_pet(1);"><img src="http://～/dog2.gif" border="0" style="border: none;" onmouseover="this.src='http://～/dog2-on.gif'" onmouseout="this.src='http://～/dog2.gif'" alt="こいぬ" width=22 height=22 />ころた</a>
<div id="blogpet"><img src="http://～/blogpetout.jpg" alt="留守番背景" title="留守番背景" width="127" height="196" /></div>
<script language="JavaScript" type="text/javascript" src=http://～/randompet.js" charset="UTF-8"></script>

【関連エントリ】
「全てのBlogPetをサイドバーでランダム表示」
「BlogPetミニアイコンをロールオーバータイプに変更」
「ランダム表示スクリプトにてデフォルトのBlogPetを指定する」