フォームを作って送信ボタンを画像にしてる↓んですが、
<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で質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・一回も披露したことのない豆知識
- ・これ何て呼びますか
- ・チョコミントアイス
- ・初めて自分の家と他人の家が違う、と意識した時
- ・「これはヤバかったな」という遅刻エピソード
- ・これ何て呼びますか Part2
- ・許せない心理テスト
- ・この人頭いいなと思ったエピソード
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・あなたの習慣について教えてください!!
- ・ハマっている「お菓子」を教えて!
- ・高校三年生の合唱祭で何を歌いましたか?
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
クリックで色変更後に既に変更...
-
スタイルシート(CSS)で、高さ...
-
背景色を透明化
-
指定したパスが現URLに含まれて...
-
javascriptテキストBOX色を元に...
-
座標を取得して、後でその位置...
-
CSSのID名に配列を使えませんか?
-
キャラクターがぴょこんと飛び...
-
jquery.cookieを利用しての表示
-
外部javascriptの重複を防ぐには
-
JSの変数をHTMLに渡す方法
-
リンク先を動的に変更する
-
透過pngの透明部分以外をクリッ...
-
jquery ドロップダウンメニュー...
-
【助けてください】POST受信の...
-
javascriptによるスクロールを...
-
iframe内のリンクが飛ばないの...
-
Ajax LightBoxを使用したサムネ...
-
error LNK2019 未解決のシンボ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
c++std::string型をTCHARに変換...
-
JSPでの画像ファイル表示
-
画面が真っ白になるのはどうして?
-
クリックして変更した画像を他...
-
日替わりで画像を変更したい
-
Excel VBA マクロ 画像(...
-
OpenCVを用いたヒストグラムの...
-
文字列型定数2
-
画像をクリックしたら別ウイン...
-
ランダムに画像を表示し、ポッ...
-
Javascriptで画像を水面のよう...
-
フォームに入力された値により...
-
C言語のポインタ表現
-
携帯でGIFアニメーションが正し...
-
画像クリックした後別ウィンド...
-
ボタンを押すとオリジナルの効...
-
時間で背景の画像を変更したい...
-
JAVASCRIPTを使って、できるだ...
-
【初心者】UWSCでjavascriptで...
-
ボタンを押したタイミングで画...
おすすめ情報