緑と青虫の更新

トークのウェイト表示を(今更ですが)実装しました。

この表示には元々、浮小屋氏のさくらスクリプト解析JavaScriptを使っていますが、これに拙作のwaitText.jsを組み合わせて、ウェイト表示を実現しています。

ここで腐らせておくのもなんなんで、つたない説明&コードですが一応導入方法を紹介。

すでに さくらスクリプト解析JavaScriptが動作している場合の説明。

まず、waitText.jsをダウンロードして、 さくらスクリプト解析JavaScriptのあるディレクトリにコピーして下さい。(waitText.jsは勝手は煮るなり焼くなり好きにして下さい。)

HTMLページのヘッダ部分に、

<script src=”sakurareplacer.js” type=”text/javascript”></script>

と記述していると思いますが、その後に

<script src=”waitText.js” type=”text/javascript”></script>

を追加し、waitText.jsを読み込んで下さい。

次に、<BODY onLoad=”SakuraReplace();”>となっている箇所を、<BODY>にします。(SakuraReplace();の呼び出しを消して下さい。)

class=”sakurascript” になっているHTMLのタグに、id=”waitPut” を追加します。

id=”waitPut”のタグがあるHTML以降に、

<script type=”text/javascript”><!–
SetInterval();
//–></script>

という javascriptを追加します。(SetInterval();を呼び出して下さい。)

問題点

  • ID指定なんで、1ページ内に複数あると一つにしか適用できません。
  • 画面に見えていない状態でも、トークの表示が始まってしまいます。
  • IEだとなんか画像がリロードされてちらつきます。(キャッシュの問題?)

コメントをどうぞ