フォームを作って送信ボタンを画像にしてる↓んですが、
<form action="http://***" method="POST" name="form" autocomplete="off">
---略---
<input type="image" src="image/abc.gif" name="login">
</form>
その画像をマウスオーバーで他の画像に変えるって技ないでしょか?
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で可能になります。
参考まで
この回答への補足
回答ありがとうございました。
で、早速やってみたんですが、画像変更うまくいきました。
でも、フォームの送信がされませんです。
いろいろ調べてみたのですが、頭が足りてないので原因が分からないのです。
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が見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- PHP PHP MySql 画像を取得 1 2022/06/04 14:05
- PHP PHP MySQLに画像を直接保存 2 2022/06/05 11:50
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- PHP imageフォルダに、画像をリサイズして保存する時のファイル名を変更したい 1 2023/05/30 11:39
- PHP PHPで画像の渡しが上手く行きません。 1 2023/02/02 09:39
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
ロールオーバー効果にならない。
-
画面が真っ白になるのはどうして?
-
「戻る」「進む」ボタンで画像...
-
日替わりで画像を変更したい
-
ランダムに画像を表示し、ポッ...
-
画像を変えるスクリプト
-
NNでロールオーバーしたgifアニ...
-
JSPでの画像ファイル表示
-
どこに画像ファイルを入れるの...
-
HPビルダー12 Javascriptのロ...
-
MAX関数を使ってからLEFT JOIN...
-
htmlの記述で link rel=styles...
-
JQueryで画像の上で文字を動かす
-
jspでcssが読み込めない
-
スライダーを実装した場合、ペ...
-
離れた場所にマウスオーバーで...
-
フォントサイズの変更
-
変数内容をHTML内で表示する方法
-
javascriptでURLにマウスオーバー
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
クリックするたびに画像を変える
-
C言語のポインタ表現
-
ランダム表示の画像位置
-
【初心者】UWSCでjavascriptで...
-
WSHでクリップボードにイメージ...
-
javascriptで複数の画像をラン...
-
教えて下さい。ランダムにバナ...
-
1つの画像クリックで切替の方法
-
onとoffを画像でチェンジ、チェ...
-
Excel VBA マクロ 画像(...
-
クリックした自身の画像を別画...
-
「戻る」「進む」ボタンで画像...
-
サーバ側で時間を判断して自動...
おすすめ情報