BlogPetとmeromero park切り替え表示する事が出来ました。
参考：ブログペット切り替え表示スクリプト～リニューアル対応版～
1.BlogPet表示の切り替え部分
<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>貼り付けコードをBlogPetログインをしてピンク字に挿入
「style="display:none"」をつけていないペットが、最初に表示されます。
<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>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 />
<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>貼り付けコードを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>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>
Post a Comment