むちゃとアプルの1日。

今日のエントリは、外部ブログを使われています。
記事を読まれる場合は、以下のURL をクリックしてください。
アプルの楽屋

今までどのブログでもmeromero parkを遊び方も分からずに可愛さだけで
設置していました(-_-;)ってか色々なサイトさまでメロからお別れのお手紙を見て
何となくお別れが嫌で放置って事もありました。
っとやってみないと分からないし、やっと落ち着いたブログなのでやってみよう！と
世代交代をしてみました。

七夕に願いを☆設置致しました。
重くて・・・困っていますが・・・短冊「願」のアイコンをクリックして皆様の願いをどうぞ。

URLを入れないと短冊は書けません。URLがない！URLは載せたくなぁ～と
思う方は、当ブログのURLをお使い下さい。

メモ帳などに書いてからコピペした方が確かも(-_-;)
とっても素敵なブログアクセサリーなのに。期間限定と言う事でお許し下さい。

<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 == 'pet') {
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>

<div id="myBlogPets">
<!-- bp1 -->
<div id="pet1" class="pet">
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/7348908e09a24cb70be87e34b28bf638.js" charset="UTF-8"></script></div>
<!-- bp2 -->
<div id="pet2" class="pet" style="display:none">
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/ec13d0151205f26ab88b6c81597025fe.js" charset="UTF-8"></script></div>
<!-- bp3 -->
<div id="pet3" class="pet" style="display:none">
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/648f9b01f39d41099f85dfc8250472bc.js" charset="UTF-8"></script></div>
<!-- bp4 -->
<div id="pet4" class="pet" style="display:none">
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/4c52cdadf800a37beb96c660bb511dfd.js" charset="UTF-8"></script></div>
<!-- bp5 -->
<div id="pet5" class="pet" style="display:none">
<script language="JavaScript" type="text/javascript" src="http://www.blogpet.net/js/7ed77f442c3fa1782c07ddee2352af3a.js" charset="UTF-8"></script></div>

<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 />
<input type="radio" name="pc" id="pc3" onclick="changePet('pet3')"><label for="pc3">宗家</label>
<input type="radio" name="pc" id="pc4" onclick="changePet('pet4')"><label for="pc4">爵応</label>
<input type="radio" name="pc" id="pc5" onclick="changePet('pet5')"><label for="pc5">亜風瑠</label><br />
</form>
</div>

BlogPetとメロチャンジャーを切り替える場合、参考にした
ブログペット切り替え表示スクリプト～リニューアル対応版～を同じように設置したら動かなかったので
2・3の対応する値(「pet1」「pet2」など)を続き番号にしました。

1.meromero park表示の切り替え部分

<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 == 'pet') {
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.ペットの表示部分
　貼り付けコードをmeromero parkログインをしてピンク字に挿入
　「style="display:none"」をつけていないペットが、最初に表示されます。

<div id="myBlogPets">
<!-- bp1 -->
<div id="pet6" class="pet">
<script language="JavaScript" type="text/javascript" src="http://js.meropar.jp/merowindow.js?key=b2d4ca4ea84a08a5ef2c9213340e01e2" charset="UTF-8"></script></div>
<!-- bp2 -->
<div id="pet7" class="pet" style="display:none">
<script language="JavaScript" type="text/javascript" src="http://js.meropar.jp/merowindow.js?key=e1490435d9f940ee2349f2ef3ac56137" charset="UTF-8"></script></div>
<!-- bp3 -->
<div id="pet8" class="pet" style="display:none">
<script language="JavaScript" type="text/javascript" src="http://js.meropar.jp/merowindow.js?key=6da6eceb2590932639a29accdfbd4c2e" 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="pc6" onclick="changePet('pet6')" checked><label for="pc6">むちゃ</label>
<input type="radio" name="pc" id="pc7" onclick="changePet('pet7')"><label for="pc7">爵応くん</label><br />
<input type="radio" name="pc" id="pc8" onclick="changePet('pet8')"><label for="pc8">武蔵くん</label><br />
</form>
</div>

≪ Close

むちゃがパパっぽいデザインしたかもー。
それでむちゃがアプルで趣味は検索したの？
だけど、アプルは終了した。

*このエントリは、ブログペットの「むちゃ」が書きました。