ＧＩＦアニメの再生について

次のようなＨＴＭＬを実際、オンラインで動かすと、
ＧＩＦがアニメーションしないのですが、何が原因
なのでしょうか？。オフラインでは動きます。

<input type="submit" value="投稿" onclick="document.all.d.style.display=document.all.d.style.display=='none' ? '' : 'none'" />
<P id=d style="display:none">
<IMG src="loadingmsg.gif" border="0" width="16" height="16">
</p>

ps:ちなみに実際のinput文には以下の要素も含まれています。
tabindex="7" accesskey="s" name="post" id="comment-post"

No.3 回答者： leap_day 回答日時： 2008/03/09 08:14

こんにちは

なるほど・・確かに止まりますね（＞＜）

<a href="javascript:void(0);">が原因のようです
画像クリックでクリックボードにテキストを貼り付けるだけで特にリンクさせないのであれば

<img src="" onclick="window.clipboardData.setData('text','#4521#')" style="cursor:pointer;">

のように画像自体にクリックしたら動作するようにしてみては？
cursor:pointer;でポインタ表示できますし（＾＾）
これだと止まりませんでした

この回答へのお礼

leap_dayさん、有り難うございます(^.^)。
こちらのＧＩＦアニメは止まらなくなりました！。
やりたい結果（こと）は一つでもアプローチは
様々あるんですね。

leap_dayさんのＨＰにメアドがあったら、私の
ブログを直接見ていただいてアドバイス頂きた
かったのですが…連絡が現段階で内密に(^^ゞ
できませんのでお気にさせていただきました。

いろいろと有り難うございました。

お礼日時：2008/03/09 14:11

No.2 回答者： leap_day 回答日時： 2008/03/09 03:39

こんにちは

挙動についてよく分からないですが・・・

要はこういう感じになりたいということですよね？
http://chaosproduce.com/test/test.html

※cgiの方でタイムラグとして5秒程擬似的につけています

＞submitをbuttonにしても（実際の書き込み）動作的には問題ないのでしょうか？。
リンクで試してもらうと分かるように動作的には問題ないとは思いますがjavascriptでsubmit()しているのでjavascriptオフのときに動作しないのでオフのときに<noscripts>などで<input type="submit">のほうが表示されるように設定する必要があります

この回答へのお礼

コメント投稿者を承認

leap_dayさん、コメント有難うございます。

結論から申しますと、やっぱりアニメーションしませんでした。
やはり現物（ブログ）を見ていただかないと、他の要素も関連していそうですね。

たとえば

<a href="javascript:void(0)" onclick="window.clipboardData.setData('text','#4521#')">
<IMG height=15 src="4521.gif" width=15 border=0></a><BR>#4521#

みたいな事をしてクリックするとＧＩＦアニメが停止しますので、全く関係ない何かが
止めてしまっているのかかも知れませんね。

お忙しいところ、テストページまで作っていただいて有難うございました。
いちを動かなくても、メッセージは伝わりますので、我慢します^_^;。

お礼日時：2008/03/09 05:29

No.1 回答者： leap_day 回答日時： 2008/03/08 19:20

こんにちは

アニメーションgifは動いているようですが・・・

<input type="submit">で送信してページを切り替えているので一瞬しか表示されていないようです(<form>内で使用しているなら）

クリックした時点で送信しないのであれば<input type="button">とかになると思いますが？

んで、どちらかと言えばdocument.allを使用するよりはdocument.getElementById("d")を使用したほうが良いかと思います

この回答への補足

leap_dayさ、初めまして。アドバイス有難うございます。

<input type="submit"

の部分は元々あるMovableTypeのテンプレートに書かれていた部分で、
何をしたいのかと言いますと、ブログでコメントを書き込んで頂いた時に、
現在では［送信］ボタンを押した後、実際に書き込まれページがリロード
されるまでタイムラグがあり、慣れていない方が不安になるのを解消する
ためにローディングの代わりに＜ｐ＞タグの部分で「暫くお待ち下さい」と
表示するようにしています。

それに欲をかいて^_^;画像も表示しようとしたらアニメーションされないの
で、質問させて頂いた次第です。

submitをbuttonにしても（実際の書き込み）動作的には問題ないのでしょうか？。

補足日時：2008/03/08 20:08