- ベストアンサー
リンクの張られている画像ボタンをクリック処理する方法
- リンクの張られている画像ボタン（name属性無し）をクリック処理するには、JavaScriptを使用して次の方法で行うことができます。
- まず、<a>タグ内のonclick属性にクリック時に実行するJavaScript関数を定義します。この関数内で、目的の処理を記述します。例えば、formのsubmitを行う場合は、document.main_fm.submit()を使用します。
- また、<a>タグのhref属性にはJavaScriptのコードを指定し、そのコードの最後にはreturn false;を記述します。これにより、リンクのデフォルトの動作（リンク先への遷移）をキャンセルします。
- phy0
- お礼率76% (148/193)
- Microsoft ASP
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
関連するQ&A
- name属性のあるフォームボタンを画像化について
name属性のあるフォームボタンを画像化について どのように質問したらよいのか分からず、説明が足りないようでしたらばご了承ください。 以下のフォームボタンがあるのですが、これらを画像にしたいと思っています。 <input type="submit" value="送信" /> <input type="submit" name="retry" value="訂正" /> 送信ボタンは以下のように画像にしました。 <input type="image" src="./img/send.gif" value="送信"> しかし訂正ボタンを同じようにしたところ、訂正ボタンを押しても送信ボタンと同じアクションになってしまいます。 <input type="image" src="./img/retry.gif" name="retry" value="訂正"> デフォルトの訂正ボタンにはname="retry"と書いてあるのですが、 このようなボタンを画像にする場合、どのようにすればよろしのでしょうか？ アドバイスよろしくお願いします。
- ベストアンサー
- HTML
- Webページの特定のボタンをVBで押すにはどのクラス、メソッドを使えばいいのでしょうか。
VB、javascriptどちらも素人です。javascriptで作成されたページの中に「続ける」「クリア」「戻る」などのボタンがあるのですが、特定のボタンを自動的に押して次の画面へ進むにはactiveXのどのクラス、メソッドを用いればよいのでしょうか。。"input type = button"や"name"、"value"などのボタンのプロパティが見当たらないため、どうやってクリックを自動でやればいいのか行き詰ってます。たとえば、以下は「続ける」ボタンの部分のソースです <!-- 各種ボタン部--> <tr> <td align="center"> <table border="0" cellpadding="0" cellspacing="10"> <tr> <td> <a href="JavaScript: document.main_fm.submit()" onclick="return goNextCfm(document.main_fm)"> <img src="/dir_A/dir_B/dir_C/img/dir_D/continue.gif" width="92" height="24" alt="続ける" border="0"></a> </td>
- 締切済み
- Visual Basic
- WEBサイト上のボタン（イメージ）のクリックするには？
<FORM ACTION="https://×××" METHOD="POST"> <INPUT TYPE="IMAGE" NAME="post" SRC="../image/post.gif" BORDER="0">クリックしてください。 </FORM> 上記のようなボタンがイメージになっている場合、 VBからクリックさせるにはどうすればよいのでしょうか？ SUBMITのボタンならCall ・・・.Clicｋさせればよいのはわかるのですが、イメージになっている場合はどうしたらよいのでしょうか？ よろしくお願いします。
- 締切済み
- Visual Basic
- ボタンによってtargetの属性を変えたい
押すボタンによって（下記サンプルリストはtest.gif画像によって）同じフレームに表示したり、新しいフレームに表示したり分けたいと思っています。 下記のサンプルリストは./image/test.gifボタンを押した際に新しい画面を開いて表示するように作りました。 --------------------------------- function play_all(file_name,select_file){ document.forms["select_list"].action = "playall.php"; document.forms["select_list"].target.value = "_blank"; document.forms["select_list"].file_name.value = file_name; document.forms["select_list"].path_file.value = select_file; document.forms["select_list"].submit(); } ・・・ <form id="select_list" action="" method="post" target="_self">; <a href="#" onClick="play_asx('test','test.txt');"> <IMG SRC="./image/test.gif"> </a> </form> --------------------------------- しかし、新しい画面はできずに同じウィンドウに表示されます。targetを変えているのですが効いていない様子です。 何か文法が間違っているのでしょうか。Googleで探しましたが見つけ切れませんでした。ご存知の方、ご教授ください。
- ベストアンサー
- JavaScript
- JavaScriptでボタンをクリックすると画像が変わる設定をするには？
たとえば、1.gif － 2.gif , 3.gif － 4.gif，5.gif － 6.gif,7.gif － 8.gif,9.gif － 10.gif の画像をついにしてボタンとして利用するとします。 最初に表示されるボタンは 1.gif , 3.gif ，5.gif , 7.gif , 9.gif の５つです。 JavaScriptで1.gifボタンをクリックしたら、2.gifボタンに画像が変わり、 3.gifボタンをクリックしたら、4.gifボタンに画像が変わるように（残りの画像も同様）したいと 考えています。この時、1.gif , 3.gif ，5.gif , 7.gif , 9.gifのいずれかのボタンがクリックされた 時点で、直前に変更していた 2.gif , 4.gif ，6.gif , 8.gif , 10.gifのいずれかのボタンは最初のボタン の状態に戻したいと考えています。 どのようにJavaScriptを記述すると可能なのでしょうか。 １つのボタンをクリックすると別の画像に変わる方法は色々なＨＰを参考に↓の記述でなんとかできたのですが、 複数のボタンになるとどのように修正していけばうまくいくのかわかりません。 <HTML> <HEAD> <TITLE></TITLE> <SCRIPT language="JavaScript"> <!-- imgnum=1; function changeImage(){ if(imgnum==1){ document.myimg.src="2.gif"; imgnum=2; }else if(imgnum==2){ document.myimg.src="1.gif"; imgnum=1; } } // --> </SCRIPT> </HEAD> <BODY> <CENTER> <A href="javascript:changeImage()"><IMG src="1.gif" name="myimg" border=0></A> </CENTER> </BODY> </HTML> 質問がややこしくてすみません。 方法をお分かりの方はどなたか教えてください。よろしくお願いします。
- ベストアンサー
- JavaScript
- VBAでブラウザ上のボタンがクリックできないので困っています。
VBAでブラウザ上のボタンがクリックできないので困っています。 ソースは、 『 <input type="submit" value="全員に公開" onClick="sendClickLog(this,'[main]全員に公開ボタン');changeSave('saveentry','/ucs/entry/srventryinsertend1.do', '0');return false;" /> 』 この部分をクリックしたいです。 NameやIdがないのでobjIE.documentなどで設定できるのでしょうか？ 教えてください。おねがいいたします。
- ベストアンサー
- Visual Basic
- 最後に押した画像ボタンが分かる、アクティブリンクのような（？）画像ボタンを作りたい
HPを作っています。使用中のソフトはDreamweaverMX2004です。 さて、左端にボタン（gifイメージ）がいくつも並んでいるとします。 各ボタンはロールオーバー指定がなされており、 リンクが貼られています。 ロールオーバーでボタンイメージは /off.gif（通常） /on.gif（オンマウス時） とします。 と、ここまでは普通のロールオーバーだけのものですね。 さて、これを、各3種作ったと仮定して、 /off.gif（通常） /on.gif（オンマウス時） /active.gif（最後にクリックした画像） そして、 ボタンをクリックする→最後に押したボタンが/active.gifの形で残る つまり、訪問者がどのボタンを最後に押したかが一目で分かる この様な手法を、HTMLで作ることは可能でしょうか。 アクティブリンクのボタン画像版といえば伝われば幸いです。 可能かどうか自信がないのですが、 もし可能でしたら、どのようにHTMLを書くのか、 その手法をお教えください。 宜しくお願いいたします。
- 締切済み
- HTML
- Javascriptで二重送信を防止したいが、画像ボタンだとうまくいかない。
Javascriptでフォームの二重送信防止を行いたいのですが、 送信ボタンが画像だとうまく動作しないようです。 下記のサイトを参考に作ってみたのですが、アラートすらもでないようです。 http://www.futomi.com/lecture/javacss/double_block.html 何かよい策がありましたら教えてください。お願いします。 ＜＜ソース＞＞ <script language="javascript"> <!-- // function submitForm() { document.formname.button.disabled = true; submitForm = disableButton; document.formname.submit(); return false; } function disableButton() { alert('処理中です。しばらくお待ち下さい。'); return false; } // --> </script> ～以下省略～ <form method="POST" form name="formname" action="test.cgi"> ----送信ボタンのコード----- <input type="image" src="images/acc_send.gif" name="send" onclick="submitForm()"> </form>
- ベストアンサー
- JavaScript
- リンクをクリックした時にformからPOST送信したい。
HTML、PHP、JavaScript等でサイトを作っているのですが・・・。 【実現出来ている例】 <form name="form1" method="post" action="Next.php" onSubmit="return InputCheck()"> <input type="submit" value="送信"> </form> submitボタンを一つ置いて、それがクリックされた場合に formの内容をPOSTで送信する。 【実現したい例】 <form name="form1 method="post"> <a href="Next.php" onClick="？？？">？？？</a> </form> formの中のリンクをクリックされた場合に、formの内容を POSTで送信したいのですが、その実現方法がわかりません。 GETで送るという手もあり得ますが、今回はどうしてもPOST したいのですが。
- ベストアンサー
- HTML
- 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
お礼
ありがとうございます。アドバイスの通りに行ったところできました。