-PR-
解決済み

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

  • 困ってます
  • 質問No.67960
  • 閲覧数315
  • ありがとう数1
  • 気になる数0
  • 回答数1
  • コメント数0

お礼率 50% (5/10)

フォームを作って送信ボタンを画像にしてる↓んですが、

<form action="http://***" method="POST" name="form" autocomplete="off">
---略---
<input type="image" src="image/abc.gif" name="login">
</form>

その画像をマウスオーバーで他の画像に変えるって技ないでしょか?
通報する
  • 回答数1
  • 気になる
    質問をブックマークします。
    マイページでまとめて確認できます。

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

  • 回答No.1
レベル12

ベストアンサー率 65% (242/372)

<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

お礼率 50% (5/10)

回答ありがとうございました。
で、早速やってみたんですが、画像変更うまくいきました。
でも、フォームの送信がされませんです。
いろいろ調べてみたのですが、頭が足りてないので原因が分からないのです。
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>
投稿日時 - 2001-04-25 14:46:20
お礼コメント
dora19

お礼率 50% (5/10)

ありがとうございました。
解決しました。ホント助かりましたです。m(_ _)m
投稿日時 - 2001-04-27 21:04:59
関連するQ&A
-PR-
-PR-
このQ&Aのテーマ
このQ&Aで解決しましたか?
関連するQ&A
-PR-
-PR-
こんな書き方もあるよ!この情報は知ってる?あなたの知識を教えて!
このQ&Aにはまだコメントがありません。
あなたの思ったこと、知っていることをここにコメントしてみましょう。

その他の関連するQ&A、テーマをキーワードで探す

キーワードでQ&A、テーマを検索する
-PR-
-PR-
-PR-

特集


新大学生・新社会人のパソコンの悩みを解決!

いま みんなが気になるQ&A

関連するQ&A

-PR-

ピックアップ

-PR-
ページ先頭へ