• ベストアンサー

マウスオーバーで画像変更

フォームを作って送信ボタンを画像にしてる↓んですが、 <form action="http://***" method="POST" name="form" autocomplete="off"> ---略--- <input type="image" src="image/abc.gif" name="login"> </form> その画像をマウスオーバーで他の画像に変えるって技ないでしょか?

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

  • ベストアンサー
  • hequil
  • ベストアンサー率65% (242/372)
回答No.1

<input type="image" src="image/abc.gif" name="login"> の代わりに <a href="javascript:document.form.submit();"> <img src="image/abc.gif" name="login" border="0"> </a> として、画像の入れ替えはJavaScriptで可能になります。 参考まで

dora19
質問者

お礼

ありがとうございました。 解決しました。ホント助かりましたです。m(_ _)m

dora19
質問者

補足

回答ありがとうございました。 で、早速やってみたんですが、画像変更うまくいきました。 でも、フォームの送信がされませんです。 いろいろ調べてみたのですが、頭が足りてないので原因が分からないのです。 JavaScriptは独学でまだよく分かってないので何が間違えてるんか よく分からんです。 すいませんがおかしい所あれば指摘してもらえませんか? よろしくお願いしますです。 <SCRIPT LANGUAGE="JavaScript"> <!-- // browser test: browserVer = 3; if (navigator.appName.charAt(0) == "N" ) { if (navigator.appVersion.charAt(0) > 2) {browserVer = 1;} } else { if (navigator.appVersion.charAt(0) > 3) {browserVer = 1;} } // preload universal images: if (browserVer == 1) { abc_01 = new Image(130,164); abc_01.src = "image/abc_01.gif"; abc_02 = new Image(130,164); abc_02.src = "image/abc_02.gif"; } function imgchg(imageID,imageName) { if (browserVer == 1) { document.images[imageID].src = eval(imageName + ".src"); } } //--> </SCRIPT> ---ここまで<head>---- <form action="http://***" method="POST" name="form" autocomplete="off"> <input value="***" type="hidden" name="id"> <input value="***" type="hidden" name="pwd"> <a href="javascript:document.form.submit();" onmouseover="imgchg('login','abc_02')" onmouseout="imgchg('login','abc_01')"><img src="image/abc_01.gif" name="login" border="0"></a> </form>

関連するQ&A

  • 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
  • Submitが使えないFormでのデータ送信

    次のようなFORMでSubmitがなくって画像クリックし、次の画面へ いく場合ですが、どういうコードを書けばいいのでしょうか? よろしくお願いします。 <FORM name=myForm action=http://abc.com/abc.cgi method=post> <TD> <INPUT type=hidden value=itemA name=mycmd> <INPUT type=hidden value=9999 name=myid> <INPUT type=image src="/img/image.gif" border=0 name=item> </TD> </FORM>

  • WEBサイト上のボタン(イメージ)のクリックするには?

    <FORM ACTION="https://×××" METHOD="POST"> <INPUT TYPE="IMAGE" NAME="post" SRC="../image/post.gif" BORDER="0">クリックしてください。 </FORM> 上記のようなボタンがイメージになっている場合、 VBからクリックさせるにはどうすればよいのでしょうか? SUBMITのボタンならCall ・・・.Clickさせればよいのはわかるのですが、イメージになっている場合はどうしたらよいのでしょうか? よろしくお願いします。

  • formでsubmitの代わりに画像を使ったとき、POSTできるか

    表題の件で質問です。 どちらかというとHTMLよりな質問になりますが、受け取り側がPHPなのでこちらで質問させていただきます。 まず <form action="受け取りのURL" method="post"> <input type="image" src="....gif" name="image"> <input type="hidden" name="data" value="渡すデータ"> </form> として、受け取りに、 <? $data=$_POST["data"]; printなりの処理; //あるいは if(isset($_POST["image"])) { $data=$_POST["data"]; printなりの処理; } ?> としますが、受け取りURLにとんでもうまくPOSTでデータが渡りません。 type="iamge" を type="submit"に変えればPOSTされます。 submitの代わりにイメージ画像を使うと、POSTできないのでしょうか。

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

  • post送信のについて

    post送信について ボタン部分は画像にし、下記のように設定しましたが ちゃんとできてますでしょうか?ボタンを押しても飛ぶのはとびますが ちゃんとPOST送信になってるのか不安です。 ちなみにURLを残さないようにしてるはずがfirefoxだと残ってましたので 間違ってると思ってます。。 <script type="text/javascript" > var element = document.createElement("input"); document.form[0].appendChild(element); document.form[0].method = "post"; document.form[0].action = "test.aspx"; </script> <body> <form action="URL" method="post"> <input name="form1" type="image" src="images/test.jpg" alt=""> </form> <form action="URL2" method="post"><input name="form2" type="image" src="images/test.jpg" alt=""> </form> </body>

  • フォームで同じ複数のnameで違うvalueの送信

    始めまして、現在一個のフォーム内で複数の同じnameで、違うvalueを送信しようと苦戦しております、、普通にタグを書くだけでは 一個のnameで違うvalueの送信は、最後のvalueしか送信できないです、 phpは使用できません。javaは、、殆ど素人なので、あまり分かりません、、formを一個一個区切るのも、レイアウト上できません、、 どうすればいいのでしょうか?・・・以下タグです。 昨日から、ここから先に進めません。。 先輩方助けてください、本当によろしくお願いします。 <form action="http://hoge.net/hoge/hogecheck.php" method="post"> <input type="hidden" name="site" value="hoge"> <input name="id" type="text" id="idform" maxlength="10" /> <input type="hidden" name="kin" value="3000"> <input type="image" src="buybtn.gif" /> <input type="hidden" name="kin" value="5000"> <input type="image" src="buybtn.gif" /> <input type="hidden" name="kin" value="10000"> <input type="image" src="buybtn.gif" /> <input type="hidden" name="kin" value="20000"> <input type="image" src="buybtn.gif" /> </form>

    • ベストアンサー
    • Java
  • マウスオーバーで画像変更で

    以下のような方法で画像変換を行っています。 <script language="JavaScript"> function imageChange(imageName,imageURL){ document.images[imageName].src = imageURL; } </script> <TR><TD><IMG SRC="./img/01.gif" NAME="image01" style="position:absolute;top:20;left:10;" onMouseOver="imageChange('image01','sub01_01b');"> </TD></TR> <IMG SRC="./img/01_01b.gif" name="sub01_01b"> 実際にマウスオーバーさせると×印が出てしまいます。 onMouseOver="this.src='./img/01_01b.gif'" とするとできるのですが。 どこかに間違いがあるのだと思うのですが、自分で発見できません(><) 間違いを訂正してください!

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

  • getimagesize()を使用して画像の種類を取得するには?

    getimagesizeを使用して画像の種類(JPEG,GIFなど)を取得したいのですがなかなかうまくいきません。ソースは以下の通りです。 <?php $image = $_POST['image']; if(isset($_POST['add'])){ $img_type = getimagesize($image); if($img_type['mime'] == "image/jpeg"){ print"JPEGです。"; }elseif($img_type['mime'] == "image/png"){ print"PNGです。"; }else{ print"JPEG,PNG以外です。"; } } ?> <form action="this.php" method="post"> <input type="file" name="image"> <input type="submit" name="add" value="チェック!"> </form> よろしくお願いします。

    • ベストアンサー
    • PHP