次のようなHTMLを実際、オンラインで動かすと、
GIFがアニメーションしないのですが、何が原因
なのでしょうか?。オフラインでは動きます。
<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"
A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
こんにちは
なるほど・・確かに止まりますね(><)
<a href="javascript:void(0);">が原因のようです
画像クリックでクリックボードにテキストを貼り付けるだけで特にリンクさせないのであれば
<img src="" onclick="window.clipboardData.setData('text','#4521#')" style="cursor:pointer;">
のように画像自体にクリックしたら動作するようにしてみては?
cursor:pointer;でポインタ表示できますし(^^)
これだと止まりませんでした
leap_dayさん、有り難うございます(^.^)。
こちらのGIFアニメは止まらなくなりました!。
やりたい結果(こと)は一つでもアプローチは
様々あるんですね。
leap_dayさんのHPにメアドがあったら、私の
ブログを直接見ていただいてアドバイス頂きた
かったのですが…連絡が現段階で内密に(^^ゞ
できませんのでお気にさせていただきました。
いろいろと有り難うございました。
No.2
- 回答日時:
こんにちは
挙動についてよく分からないですが・・・
要はこういう感じになりたいということですよね?
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#
みたいな事をしてクリックするとGIFアニメが停止しますので、全く関係ない何かが
止めてしまっているのかかも知れませんね。
お忙しいところ、テストページまで作っていただいて有難うございました。
いちを動かなくても、メッセージは伝わりますので、我慢します^_^;。
No.1
- 回答日時:
こんにちは
アニメーションgifは動いているようですが・・・
<input type="submit">で送信してページを切り替えているので一瞬しか表示されていないようです(<form>内で使用しているなら)
クリックした時点で送信しないのであれば<input type="button">とかになると思いますが?
んで、どちらかと言えばdocument.allを使用するよりはdocument.getElementById("d")を使用したほうが良いかと思います
この回答への補足
leap_dayさ、初めまして。アドバイス有難うございます。
<input type="submit"
の部分は元々あるMovableTypeのテンプレートに書かれていた部分で、
何をしたいのかと言いますと、ブログでコメントを書き込んで頂いた時に、
現在では[送信]ボタンを押した後、実際に書き込まれページがリロード
されるまでタイムラグがあり、慣れていない方が不安になるのを解消する
ためにローディングの代わりに<p>タグの部分で「暫くお待ち下さい」と
表示するようにしています。
それに欲をかいて^_^;画像も表示しようとしたらアニメーションされないの
で、質問させて頂いた次第です。
submitをbuttonにしても(実際の書き込み)動作的には問題ないのでしょうか?。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- JavaScript Javascript初心者|jQueryの.val()で値を取得し複数の要素を連結させる方法知りたい 2 2022/06/02 12:06
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
IMGタグでTIFF画像を表示
-
崩れたレイアウトが更新すると...
-
HTML上の画像を結合する方法が...
-
<area></area> 部分にボーダー...
-
IEでのalt属性ポップアップ表示...
-
onmouseoverに複数の命令を書き...
-
「DecareステートメントにPtrSa...
-
areaタグのマウスオーバー時に枠線
-
tifファイルが表示されない
-
バナーの貼り方とバナーにリン...
-
スライドショーの上にロゴマー...
-
htmlでのpdf資料のリンク方法
-
form以外でのpostってできますか?
-
元々あるファビコンが消えない
-
HTML文書 画像の保存の仕方
-
代替テキストを素早く表示
-
pngやjsの後ろの英数字の意味は...
-
htmlで画像上にボタンを配...
-
HTMLファイルの一部の画像だけ...
-
FTPでimgタグがアップロード出...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ボタンを押したままにする。
-
IMGタグでTIFF画像を表示
-
pngやjsの後ろの英数字の意味は...
-
スライドショーの上にロゴマー...
-
バナーの貼り方とバナーにリン...
-
背景が透明なリンクボタンで、...
-
HTMLにQRコードを挿入する方法
-
タイトルバーに画像を入れるHTM...
-
form以外でのpostってできますか?
-
HTMLでデスクトップの画像がでない
-
CSSなどでHTML全体の表示を拡大...
-
画像クリックでクリップボード...
-
すいません HTMLです この画像...
-
拡張子無しで画像を表示したいです
-
期間ごとに画像表示を切り替え...
-
クリックしても、リンクに飛ば...
-
特定の画像ファイルでレイアウ...
-
カウンターのHTMLソースを教え...
-
バナーのURLについて
-
クリッカブルMAP領域が分かる様...
おすすめ情報