input type="image"で送信させない方法は？
- 質問文章全体の100文字程度の要約文を3つ作成し、文章の内容をまとめてください
- 透明のイメージをクリックして、不透明のイメージに変更したいが、ページが遷移してしまう。input type="image"で送信させない方法を教えて。
- IE6でテストしている。submitボタンやsubmitには記述されていない。
- ベストアンサー
input type="image"で送信させない方法
はじめまして、さっそくですが大変困っています。 行いたいことは、透明のイメージをクリックして、不透明のイメージに変更したいのですが、下記のソースを記述した場合にページがサブミットされてページが遷移してしまいます。ページを遷移させない良い方法をご伝授ください。 ちなみに、submitボタンやsubmitに記述は書いてません。 テスト環境はIE6です <script language="javascript"> function JS_Change(){ document.Entry.a1.src = "Select.gif"; return false; } </script> <form name=Entry> <input type="image" name="a1" src="blank.gif" onClick="return JS_Change();">
- miyamasa
- お礼率28% (6/21)
- HTML
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんばんわぁ、Blackwinglsです。 どうしてもformを使わなければならないですか？ 私だったら以下のように作るんですが・・・・ <html> <head> <script language="javascript"> function JS_Change() { document.Entry.src = "2.gif"; } </script> </head> <body> <a href = "#" onClick ="JS_Change()"> <img src = "1.gif" name ="Entry"> </a> </body> </html> ではでは～☆彡
関連するQ&A
- input type=imageでjavascript
<input type="submit" name="next" onclock="・・・"> を <input type="image" src="image/next.gif" onclick="・・・"> としたいのですが、type="image"がonclick="・・・"を利用できません。 aタグにしようとしたのですが、 <input type="submit" name="next" onclock="・・・"> のようにして、name="next"(フラグ)を飛ばすことができません。 困っているので対処方法を教えていただけるでしょうか？ よろしくお願いします。
- ベストアンサー
- PHP
- input type="image"の時、enterでsubmitされない方法
http://oshiete1.goo.ne.jp/kotaeru.php3?q=115527 で、「enterでsubmitされない方法」が記載されているのですが、 input type="image"の時、うまく反映されません。 formタグには以下のように、 <form name="form1" method="post" action="" onSubmit="return false"> 送信ボタンは以下のように設定しています。 <input type="image" src="***.gif" onClick="submit();"> ちなみにinput typeを"button""submit"にすると反映してくれますが "image"ではうまくいきません。 ご回答よろしくお願いします。
- ベストアンサー
- JavaScript
- input type="image"でマウスクリック画像変更がうまくいかない
input type="image" で表示した画像を変更したいのですがうまくいきません。 <form name="form1" action="" method="POST"> <input type="image" src="A.gif" name="A" onclick="ChangeImage();"> </form> <script language="javascript"> function ChangeImage(){ document.form1.A.src="B.gif" } </script> というコードをなんですが、ボタンをクリックしても何も起こりません。 アンカータグを使わずにinputで行いたいのですがどなたかご存じないでしょうか。よろしくお願いします。
- ベストアンサー
- HTML
- input の画像について
<input name="return" type="submit" value=" 戻る "> というボタンを画像にしたい場合、 <input type="image" src="img/modorubtn.gif" name="return" alt="戻る"> で良いのでしょうか？ これで、動作しない場合は、どのような原因が考えられるでしょうか？ よろしくお願いします。
- ベストアンサー
- HTML
- input type=image で フォームが2回送信される
お世話になっております。 Strutsで開発をしています。 input type=image で フォームを送信しプログラム 上でカウントをアップする箇所で嵌っています。 送信自体は上手くいくのですが、何故か2重にサブミットされている らしく、カウントが一回余計にされてしまいます。 ネットで調べたところ、Microsoftも認めているバグだということ が解りましたが、回避方法が見つかりません。 http://support.microsoft.com/kb/822276/ja scriptを使わなければ発生しないとのことですが、 送信結果をポップアップで表示しなければならず 解決策が見つからない状態です。 実際のjspコード <html:form action="/opbook" method="post" onsubmit="window.open('','popup','width=780,height=585,resizable=no')<html:form " target="popup"> <html:hidden name ="<%= ReferenceBookBean.BEAN_NAME %>" property="id" /> <input type="image" src="<%= BaseBean.F_URL %>book_detail_eturan_b.gif" width="172" height="51" border="0" onclick="doSubmit(); return false; > </td> </html:form> 何か良い方法はないでしょうか？
- 締切済み
- Java
- input type="image" 複数の画像がある場合のSubmit
いつもお世話になります。 早速ですが質問です。 function Check(){ if(document.form.text.value==""){ alert('入力してください'); return false; } return true; } <form name="form" action="./form.cgi" method="post" onSubmit="return Check();"> <input type="text" name="text"> <input type="image" src="img/back.gif" name="btn01" alt="戻る"> <input type="image" src="img/next.gif" name="btn02" alt="進む"> </form> とあります。 テキストボックスの値が空の場合は【進む】を押したときにエラーを出し、 【戻る】を押したときは値の入力に関係なくページを移動したいです。 どなた様かよろしくお願いします。
- ベストアンサー
- JavaScript
- 外部 .js で動かないものが出てきてしまいました
外部 .js への移行に伴い、動かないものがあります。エラは「未定義の変数です: rollover」、および「スクリプトで呼び出しているソースが見つかりません。」。 test.html、test.js、および画像はすべて同じディレクトリに置いています。 (test.js) window.onload = function loadImage() { var rollover = new Array(3); for (var i = 0; i < 3 ; i++) { rollover[i] = new Image(); } rollover[0].src = "image-1-x.gif"; rollover[1].src = "image-2-x.gif"; rollover[2].src = "image-3-x.gif"; } または function loadImage() { var rollover = new Array(3); for (var i = 0; i < 3 ; i++) { rollover[i] = new Image(); } rollover[0].src = "image-1-x.gif"; rollover[1].src = "image-2-x.gif"; rollover[2].src = "image-3-x.gif"; } window.onload = loadImage; (test.html) <html> <head> <script type="text/javascript" src="test.js"></script> </head> <body> <a onmouseover="image-1.src=rollover[0].src; return true;" onmouseout="image-1.src='image-1-y.gif'; return true;" href="page-1.htm"><img name="image-1" src="image-1-y.gif" alt="Page 1"></img></a> <a onmouseover="image-2.src=rollover[1].src; return true;" onmouseout="image-2.src='image-2-y.gif'; return true;" href="page-2.htm"><img name="image-2" src="image-2-y.gif" alt="Page 2"></img></a> <a onmouseover="image-3.src=rollover[2].src; return true;" onmouseout="image-3.src='image-3-y.gif'; return true;" href="page-3.htm"><img name="image-3" src="image-3-y.gif" alt="Page 3"></img></a> </body> </html>
- 締切済み
- JavaScript
- input type="image"の押し方
スカイマークの予約を自動でしたいのですが、 (1)日にち 行き先を指定する。 (2)便・料金を選択する。 (3)人数を入力する この入力手順なのですが、(3)の入力した後の「次へ」のボタンの押し方がわかりません ソースを見ると <input type="image" name="next" src="/web_rsv/ja/images/next_button.gif" onClick="nextDisplay(nform, nform.btn, this)" > このようになっています。 ご教授願います。 <input type="image" name="next" src="/web_rsv/ja/images/next_button.gif" onClick="nextDisplay(nform, nform.btn, this)" >
- ベストアンサー
- Visual Basic
- スワップイメージ＋ページ内移動（NN4.7）
JavaScriptについて初心者です。どなたか分かる方いましたら、ご教授願います。 【仕様】 ボタンを押下すると、以下の挙動を同時にする。（ボタンは複数） ・同一ページ内の別の画像が切り替わる。 ・同一ページ内の指定した場所へ移動する。 いろいろと調べて以下のようなJavaScriptを作成しました。 <html> <head> <script type="text/javascript"> <!-- function chimg01(){ document.img01.src='images/img01_b.gif' document.location.replace("#a"); } function chimg02(){ document.img01.src='images/img01_c.gif' document.location.replace("#a"); } --> </script> </head> <body> <a name="a"></a> <img src="images/img01_a.gif" alt="あああ" width="400" height="200" name="img01"> --（省略）-- <a href="javascript:chimg01();"><img src="images/btn01.gif" alt="切り替えボタン" name="btn01" border="0"></a> <a href="javascript:chimg02();"><img src="images/btn02.gif" alt="切り替えボタン" name="btn02" border="0"></a> </body> 上記の記述で、IEなどは問題ないのですが、NN4.7の場合、ページをリロードしてしまい、画像の切り替えが効きません。 ブラウザ振り分けで、NN4.7のみ他のjsを読み込むようにした方が良いでしょうか？ その場合の記述方法も分かれば、お願いしますm(-_-)m
- 締切済み
- JavaScript
- ジャバスクリプトでの画像の記述方法
ジャバスクリプトでの画像の記述方法 下のようなイメージがあります。 これをjsに読み込めますか？ 他の方法がありますか？ その場合、どのような記述をすればいいのでしょうか？ document.write ("<>"); よろしくおねがいします。 セリフをたびたび変えたいので、jsで記述したいのです。 -----ここから <img src="../aaa.gif" alt=" あああああ いいいいい ううううう えええええ おおおおお たたたたた" width="28" height="30"> -----ここまで
- ベストアンサー
- JavaScript
お礼
ご伝授ありがとうございます。イメージにアンカでやってみます。