ブログペット切り替え表示スクリプト～リニューアル対応版～

「BlogPet:ヘルプ:ペットの切り替え機能に関して（サポート対象外）」にありますように、本日のリニューアル以降、ブログペットの表示切替スクリプトでの表示ができなくなりました。

この件で、中の人から暫定的な対応方法を教えていただきました。
ペットの貼り付けコードをそのまま利用するので、機能強化などで変更があった場合でも、トラブルがおきにくいようです。
アクセス解析の有無や、POCへの切り替えなど、設定を変更したときにも修正不要ですね。

　　　　【ご利用前の注意】
これはあくまで「非公式」な方法です。
絶対に公式サポートへ、問い合わせを行わないようにしてください。

あくまで、別々のアカウントのペットを、切り替え表示する方法です。
同一アカウントで飼っている、ペットハウス内のペットは、切り替えられません。

　　　　【ご利用方法】

1.表示の切り替え部分をコピーします。

<script type="text/javascript">
<!--
function changePet(pid) {
var e = document.getElementById(pid);
var p = document.getElementById('myBlogPets').getElementsByTagName('div');

for (var i=0;i<p.length;i++) {
var c = getClassName(p[i]);
if (c == 'blogmascot') {
if (p[i].id != pid) {
p[i].style.display = 'none';
} else {
p[i].style.display = 'block';
}
}
}
}

function getClassName(e) {
var r = null;
r = e.getAttribute('class') || e.getAttribute('className');
return r;
}
// -->
</script>

2.ペットの表示部分をコピーします。

太字のペットの貼り付けコードを、ご自分の飼っているペットのものに差し替えてください。
貼り付けコードはログイン後、「設定」→「ペットの設置」で確認できます。
「style="display:none"」をつけていないペットが、最初に表示されます。
class名は、手順1の「c == 'blogmascot'」と同じにします。

<div id="myBlogPets">
<div id="pet1" class="blogmascot">
<!-- ↓ ペット1の貼り付けコード ↓ -->
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/db3675d83fc26eb171d4f2bfd29f67a4.js" charset="UTF-8"></script>
</div>
<div id="pet2" class="blogmascot" style="display:none">
<!-- ↓ ペット2の貼り付けコード ↓ -->
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/9650f7f95e3150e77a56bf7f53086498.js" charset="UTF-8"></script>
</div>

3.切り替えボタン部分をコピーします。

changePetの()内には、手順2のdivタグのidと対応する値(「pet1」「pet2」など)を入れてください。
手順2で「style="display:none"」をつけなかったペットに、「checked」をつけてください。
最初に黒丸がつきます。

<form id="petControl">
<input type="radio" name="pc" id="pc1" onclick="changePet('pet1')" checked><label for="pc1">みゅうみゅう</label>
<input type="radio" name="pc" id="pc2" onclick="changePet('pet2')"><label for="pc2">紫苑</label><br />
</form>
</div>

4.手順1～3の記述を、サイドバーに貼り付けます。

これで切り替えボタンつきの表示に切り替わります。

【2007.01.03　追記】
背景とオリジナルフレームのランダム表示を行っているので、リロード機能が失われるのが気になりました。
「ブログペット切り替えスクリプト～POC混在タイプ～」に移行しました。

→IEではリロードしませんが、Firefoxではリロードしてくれます。

ランダムにしていない方は、移行する必要はありません。
現状のままの方が、バージョンアップ等に対応しているし、設置が簡便でいいと思います。