• ベストアンサー

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
  • 回答数2
  • ありがとう数0

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

<form onSubmit~ で、できると思います。 もしくは画像をAタグにして、name="next"のhiddenを追加するとか。

その他の回答 (1)

noname#78238
noname#78238
回答No.2

綴りの違いではないでしょうか。 誤) <input type="submit" name="next" onclock="..."> 正) <input type="submit" name="next" onclick="..."> onclickであるべきところが、onclockになっているところがあります。

関連するQ&A

  • 画像ボタンでPOSTしたい

    <input type="submit" name="next" onclock="・・・"> を <input type="image" src="image/next.gif" onclick="・・・"> としたいのですが、type="image"がonclick="・・・"を利用できません。 aタグにしようとしたのですが、name="next"を飛ばすことができません。 困っているので対処方法を教えていただけるでしょうか? よろしくお願いします。

    • ベストアンサー
    • PHP
  • 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)" >

  • 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"ではうまくいきません。 ご回答よろしくお願いします。

  • 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();">

    • ベストアンサー
    • 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
  • input の画像について

    <input name="return" type="submit" value=" 戻る "> というボタンを画像にしたい場合、 <input type="image" src="img/modorubtn.gif" name="return" alt="戻る"> で良いのでしょうか? これで、動作しない場合は、どのような原因が考えられるでしょうか? よろしくお願いします。

    • ベストアンサー
    • HTML
  • 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> とあります。 テキストボックスの値が空の場合は【進む】を押したときにエラーを出し、 【戻る】を押したときは値の入力に関係なくページを移動したいです。 どなた様かよろしくお願いします。

  • nameが同じ物を扱うことは可能?

    下記のようにnameが同じでもvalue値が違うものを 並べるのはよくない事なのでしょうか? <input=hidden name=point value=""> というように値を渡してあげたいのですが、、、 <INPUT TYPE="image" name="point" value="1" BORDER="0" SRC="*.gif" WIDTH="110" HEIGHT="18" onClick="URL"> <INPUT TYPE="image" name="point" value="2" BORDER="0" SRC="*.gif" WIDTH="110" HEIGHT="18" onClick="URL"> <INPUT TYPE="image" name="point" value="3" BORDER="0" SRC="*.gif" WIDTH="110" HEIGHT="18" onClick="URL"> <INPUT TYPE="image" name="point" value="4" BORDER="0" SRC="*.gif" WIDTH="110" HEIGHT="18" onClick="URL">

    • ベストアンサー
    • HTML
  • JavaScriptでサイコロのようなものを作成しています。

    JavaScriptでサイコロのようなものを作成しています。 スタートボタンで"数字の画像"(diceX.gif)が順に入れ替わって、ストップボタンで止まる、というものなのですが、 この画像数字の入れ替わる範囲を"1-2の間で、1-3の間で・・・"というように変化させたく思っています。 現状は下記のように別々に並べて画像、スタート.ストップが表示されるよういなっていまが、 これをセレクトメニューで「2」を選択した場合は1-2の、「3」を選択した場合には1-3..の間での変化と 1つの画像、ボタン表示で済むようにしたいのですが、どのように記述すればよいのでしょうか? こういったものを作成するのは初めてで、様々なサイトを参考になんとかここまでこぎ着けましたがどうにも行き詰まってしまいました なにとぞ宜しくお願いいたします。 <SCRIPT LANGUAGE="JavaScript"> <!-- var myImage1 = new Image(); myImage1.src = "dice1.gif"; var myImage2 = new Image(); myImage2.src = "dice2.gif"; var myImage3 = new Image(); myImage3.src = "dice3.gif"; ・ ・ ・ var img =0; fileName = new Array("dice1.gif","dice2.gif","dice3.gif",・・・); function rotate2() { img = Math.floor(Math.random()*2); document.images["dice2"].src = fileName[img]; timer = setTimeout("rotate2()",30); } function stop2() { clearTimeout(timer); } function rotate3() { img = Math.floor(Math.random()*3); document.images["dice3"].src = fileName[img]; timer = setTimeout("rotate3()",30); } function stop3() { clearTimeout(timer); } ・ ・ ・ </SCRIPT> <BODY> <IMG src="dice2.gif" name="dice2"> <FORM action="javascript://"> <INPUT TYPE="submit" VALUE="start" onClick="rotate2()"> <INPUT TYPE="submit" VALUE="stop" onClick="stop2()"> </FORM> <IMG src="dice3.gif" name="dice3"> <FORM action="javascript://"> <INPUT TYPE="submit" VALUE="start" onClick="rotate3()"> <INPUT TYPE="submit" VALUE="stop" onClick="stop3()"> </FORM> ・ ・ ・

  • どのボタンが押されたかの判定

    フォームに複数のSubmitボタンがある場合、飛び先のhtmlファイル ではnameとvalueを使えばどのボタンが押されたか判定できますが、 イメージボタンの場合、valueに設定しておいた文字列が取得できま せん。(valueにはイメージが入っている?) <input type="image" name="DayButton" value="Prev" src="images/prev.gif"> <input type="image" name="DayButton" value="Next" src="images/next.gif"> どのようにすればどのボタンが押されたか判定できますか?

    • ベストアンサー
    • HTML

専門家に質問してみよう