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

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

その画像をマウスオーバーで他の画像に変えるって技ないでしょか?

このQ&Aに関連する最新のQ&A

A 回答 (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>

補足日時:2001/04/25 14:46
    • good
    • 0
この回答へのお礼

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

お礼日時:2001/04/27 21:04

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング