もぜひご覧ください。
BlogPetランダム表示JavaScriptでは、ページが表示されている間にも、一定時間間隔ごとにBlogPetをランダムに切り替えて表示することもできます。
ただ、そのようにしている場合、コメントの入力中にBlogPetが切り替わると、コメントの入力の状態でなくなってしまい、入力が途切れるという問題があります。
調べてみましたが、この問題に完全に対処するのは難しいようです。
そこで、ページ表示中にBlogPetのランダム表示するかどうかを、状況に応じて変えられるようにしてみました。
チェックボックスのオン／オフでランダム表示のオン／オフを切り替えられるようになります。
なお、ページ表示中にランダム表示しない設定にしている方は、そのままで結構です。
設置の手順は以下の通りです。
1.JavaScriptのダウンロード
こちらのページに接続してJavaScriptを表示し、内容をすべてコピーして、メモ帳等に貼り付けてください。
2.JavaScript等の設置
以下のエントリーを参照の上、1.のJavaScriptを修正し、テンプレートの変更等を行っててください。
3.チェックボックスの設置
2.の手順の中に、BlogPetを切り替えるリンクを作る箇所があります。そのリンクの下のあたりに、以下のHTMLを追加してください。
<form name="blogpet_random_change">
<p><input type="checkbox" checked name="random" onClick="if (document.blogpet_random_change.random.checked) { blogpet_random_on(); } else { blogpet_random_off(); }"
>ランダム表示</p>
</form>
4.テンプレートを自由に編集できる場合
Movable Typeなどのように、テンプレートを自由に編集できる場合は、3.のチェックボックスを使わずに、コメント入力フォームのあるテンプレート（通常は個別アーカイブテンプレート）では、ランダム表示を無条件にオフにする方が良いでしょう。
対象のテンプレートを開き、1.のJavaScriptの後に、以下のJavaScriptを入れます。
<script language="javascript" type="text/javascript"> <!-- blogpet_random_off(); //--> </script>
5,補足
先日公開した「Blog Parts Changer Light for メロ」にも、同様の問題があります。
こちらも後日修正版をアップします。
コメントはスレッド表示になっています。
また、スレッドの先頭のコメントに対する返信には、先頭に矢印を表示しています。
こんにちは～。
うちは、ブログペットの部分をモジュール化してるので、コメントを書いてる途中にペットが切り替わっても、大丈夫みたいです。だけど、ランダム表示オン・オフ切り替えいいですね。
こんばんは。
機能追加をお知らせいただきましてありがとうございます。
切り替え機能、すごく助かります！
昨日、コメント欄に入力できない件をお尋ねしたばかりなのに、すぐに対応策を考えていただけて感謝です！（私の件だけじゃなく、以前から考えていらっしゃったんだと思いますが、タイミング的に・・・。）
早速、スクリプト修正して、アップしてみます。
修正が済んだら、このスクリプトについての記事をあげて、トラバさせていただきますね。
はじめまして！！
このランダム表示方法、凄いですね！！
出来るかどうかちょっと自信ありませんが、参考にさせて頂きます。
どうぞよろしくお願いいたします。m(._.)m
私の場合、ペットはうさぎ一匹なのですが、何かテキスト部分で不必要なものはありますか？
また、背景画像はテキストの何処に貼り付ければ良いのでしょうか？
何卒よろしくお願い致します。
私の場合、ペットはうさぎ一匹なのですが、何かテキスト部分で不必要なものはありますか？
また、背景画像はテキストの何処に貼り付ければ良いのでしょうか？
何卒よろしくお願い致します。
＞ろんちゃんさん
こんにちは。
このスクリプトは2匹以上のBlogPetを切り替えて表示するためのものですので、1匹しかいない場合は、残念ながら導入する意味がありません。
また、このスクリプトには、背景画像に関する機能はありません。
壱さんへ
ご返答ありがとうございました。
私もそのような気がしておりました・・・・orz
お手間をとらせてしまい、申し訳ありません。
今後もお世話になる時があると思いますが、何卒よろしくお願い致します。m(._.)m