お知らせ

Movable Type 5 Webサイト製作ガイドVolume 12009年12月7日

Movable Type 5 Webサイト製作ガイドVolume 1」を発売しました。
Movable Type 5を基本からしっかりマスターしたい方のための書籍です。
Movable TypeでWeb製作をされている方などにお勧めです。
PDFによる販売で、当サイトでのみ購入できます(書店では購入できません)

他にも多数書籍を執筆しています。
こちらもぜひご覧ください。

BlogPetのランダム表示JavaScript(新コード対応版)

| コメント(9) | トラックバック(5)

12月28日にBlogPetがリニューアルし、それに伴ってペットを表示するためのコードが変更されました。
当サイトでは、BlogPetをランダムに切り替えて表示するスクリプトを公開していますが、そのスクリプトを今回のコード変更に対応させました。

2006年1月6日
変更点を追加しました。

1.変更手順

新コードに対応させるには、スクリプトの中で、以下の旧コードの部分を新コードに差し替えます。

・旧コード

function show_pet()
{
    var today=new Date();
    var tseconds=today.getSeconds();
    var id = idarray[num];

    oldnum = num;
    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='200' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='http://www.blogpet.net/usa.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 + "&tseconds="+tseconds+"' /><embed src='http://www.blogpet.net/usa.swf' loop='false' menu='false' quality='high' bgcolor='#ffffff' width='130' height='200' name='usa' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' FlashVars='username=" + id + "&tseconds="+tseconds+"' /></object>\n";
    if (is_first == 1) {
        pethtml += "<img src='http://www.blogpet.net/add_log.php?username=" + id + "&url="+document.URL+"&referrer="+document.referrer+"'>";
        is_first = 0;
    }
    document.getElementById('blogpet').innerHTML = pethtml;
}

・新コード

function show_pet()
{
    var id = idarray[num];

    oldnum = num;
    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";
    pethtml += '<br /><iframe src="http://www2.h-fj.com/bp/bp.php" width="130" height="60" frameborder="0" scrolling="no" />\n';
    if (is_first == 1) {
        pethtml += "<br /><img src='http://www.blogpet.net/add_log.php?username=" + id + "&url="+document.URL+"&referrer="+document.referrer+"'>\n";
        is_first = 0;
    }
    document.getElementById('blogpet').innerHTML = pethtml;
}

また、ペット切り替えのリンクを、以下のように変えてください(「●」はペットの番号)。

旧コード

<a href="javascript:select_pet(●);">ペットの名前</a>

新コード

<a href="#" onclick="return select_pet(●);">ペットの名前</a>

2.広告の表示について

今回のスクリプトでは、BlogPetの下に枠を1つ表示させていただきます。
スクリプトの継続的な開発やサポートのために、その枠には広告を表示させていただく予定です。
ご理解いただきますようお願いいたします。

トラックバック(5)

トラックバックURL: http://www.h-fj.com/mt/mt-tb.cgi/765.

みらくるさぷりめんと。 - BlogPetリニューアル対策 (2006年12月31日 10:06)

ブログテンプレートのデザイン変更…とがちゃがちゃやってると、BlogPetが表示されていないことに気がつきました。何かあったのかな…と思いながら公式サイト... 続きを読む

お正月前までは ちゃんと表示されてたはずの BlogPet、気が付くと いつの間... 続きを読む

リニューアルによってランダム表示スクリプトが動作しなくなり、「ブログペット切り替え表示スクリプト~リニューアル対応版~」を中の人が考案してくださいました。... 続きを読む

書く爆弾貯蔵庫・ZUKUDARE - BlogPetリニューアルとその対策 (2007年1月 7日 17:09)

何気に自分のブログを眺めていたらBlogPetが表示されていない事に気づきました。「何でだろう?」と公式サイトに行ってみたら昨年末にリニューアルされていた... 続きを読む

BlogPetは、今のところ全部で5種類。 この春には新しいPetも増えるとの情報がある中、欲張りな私は今いる全部のPetをブログに貼り付けました。 サイ... 続きを読む

コメント(スレッド9件,コメント9件)

コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。

No.1 さえら : (無題)

あけましておめでとうございます。
そして、大変ご無沙汰しております。
BlogPetが表示されなくなっているのに気がつき
こちらで やっと リニューアルのことを知りました。
スクリプトを 新しいものに差し替えさせていただきました。
またかわいいペットたちが表示されるようになりました。
ありがとうございました。

No.2 showBOO : (無題)

すばやい対応、感服いたします。

さっそく変更し、無事表示できました。

重ね重ねありがとうございました。

No.3 Honey : (無題)

この度もお世話になりました^^
おかげさまで、また快適に楽しませて頂いておりますハート
ありがとうございました♪

No.4 tsuduku : (無題)

はじめまして。
KOROPPY様を通して問い合わせをしたtsudukuです。
BlogPetの切り替えアイコンがうまく表示されない件ですが、追記されたBlogPetについている#はこのままで良いのですか?
実際にはアイコンを付けてアップさせているのですが、リンクさせたBlogPetをクリックすると、Blogのトップに上がり、URLの最後に#が付き、ランダム化になりません。
素人なのでくだらない質問で申し訳ありませんが、教えてください。
よろしくお願い致します。

No.5  : (無題)

>tsudukuさん
こんにちは。スクリプトご利用ありがとうございます。

aタグの書き方の件ですが、ミスがありました。申し訳ありませんでした。
「onclick="select_pet(●);"」を、「onclick="return select_pet(●);"」にしてください(returnを追加)。

No.6 tsuduku : (無題)

こんばんは。
実はbokuの方でもBlogPetのスタイルシートのサイドバーが落ちた状態で、壱様に出来ない旨の問い合わせをしてしまったので、平謝りに伺った所だったのです。
サイドバーはIE7をインストールした所、修復できました。
その結果、アイコンをクリックするとURLの後ろに#は付きますが、一応ランダムにはなったのでお礼のコメント伺いに来たのです。
そうしたら追記があり、早速チャレンジ!
#も付かずにランダムができました。
早急のご対応、重ね重ねありがとうございます(人-)謝謝(-人)謝謝

No.7 Gonta : (無題)

昨日、ブログペットが表示されないのに気づいてこちらにお邪魔してみました(表示されないのに気づくの遅すぎ・・汗

スクリプトのリニューアル対応版を早速適用したところ正常に表示される様になりました。
素早い対応ありがとうございます。m(__)m

No.8 ミッチ : (無題)

WPにしてようやくBlogPetのランダム表示スクリプトを設置させていただきました。
で、こちらへの広告枠のことなんですけど・・・
クリックするとその枠の中にこちらのページが表示されてしまうようなんです。
これは仕様でしょうか?

別窓で表示等へ変更するにはどこをどういじったらいいのでしょうか?
お時間のある時で構いませんので、ご教授よろしくお願いいたします。

No.9  : (無題)

>ミッチさん
こんにちは。

ご質問の件ですが、スクリプト中のiframeタグの箇所に、以下の赤字の部分を追加してください。

<iframe src="http://www2.h-fj.com/bp/bp.php?t=b" ・・・>

コメントする