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

<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と関連する良く見られている質問

Q

▼次のようにページ内のdivタグのidの名前によって、formタグ内の要素をdisableにすることはJava scriptによって可能でしょうか?

<div id="AA">のとき、別の場所にある<form id="BB">内のselect要素などすべての要素をdisableにする。

また同時に、id="BB"に指定したスタイルシートの記述を書き換えることは可能でしょうか?

何かよい方法をご存知でしたら教えてください。よろしくお願いいたします。

Aベストアンサー

>なぜか時々エラーが出ます。
ウチでちょっと試した程度ではエラーが発生しませんでした。
できましたら、発生したときのメッセージや場所また、ブラウザの種類なども教えてください。

以下は、予防的な意味での注意点についてちょっと書きます。
>return false;

は、必要ないです。
書かない方がいいと思います。
==nullの場合の処理が必要ないなら
!=nullにすればよいです。
もしくは
return false;でなくて
;
のように空文でもよいです。
あと、idに使っている名前と同じ名前を変数名として使わない方が良いです。
つまり、
id="soldout"の時に
var soldout;という風にはしない方が良いです。
同じでなければ、cartFormでもなんでもかまいません。
あと、scriptは、
<!--
(スクリプトの中身)
//-->
のように
<!--
//-->
で囲むようにします。

getElementById
は、ブラウザやのブラウザのバージョンによっては使えないことがあります。
その場合は、使えるかどうかを調べる必要があります。

<script type="text/javascript">
<!--
function stockStatus (num){
var f=document.getElementById("soldout");

if(f!=null){
for (var i =0; i<=f.length -1 ;i++){
f.elements[i].disabled=num;
}
}
}
//-->
</script>

>なぜか時々エラーが出ます。
ウチでちょっと試した程度ではエラーが発生しませんでした。
できましたら、発生したときのメッセージや場所また、ブラウザの種類なども教えてください。

以下は、予防的な意味での注意点についてちょっと書きます。
>return false;

は、必要ないです。
書かない方がいいと思います。
==nullの場合の処理が必要ないなら
!=nullにすればよいです。
もしくは
return false;でなくて
;
のように空文でもよいです。
あと、idに使っている名前と同じ名前を変数名として...続きを読む

Q

<input type="hidden" name = "hoge">があったとします。
これを、javascriptを使用し nameで検索します。
”hoge”を検索後、その”hoge”という名前を変更する方法を探しています。 

<input type="hidden" name = "hoge">
       ↓↓↓↓↓
<input type="hidden" name = "fuga"> 

リフレッシュ無しで、上記のようにnameを変える方法が知りたいです。

ご存知の方おりましたら、お手数ですが教えていただけませんでしょうか。
宜しくお願いいたします。

Aベストアンサー

タグが特定出来れば、setAttribute等で属性値を変更出来ます。
setAttribute("name","fuga")

Qで、Q1に後で値を設定して表示するには

お世話になります。
<input type="text" name="Q1">で、Q1に後で値を設定して表示するにはどうしたら良いものでしょうか。
name="Q1"
と、しているので、
onMousedown="function()"
で、nameでしてしたエリアに値を書き込めば、できると思うのですが、
このfunction()をどのように書いたらよいものか、いろいろ調べてもわかりません。
何とかご教示願えないでしょうか。
よろしくお願いします。

Aベストアンサー

javascriptを利用することで出来ます。
こんな感じで動くでしょう。
ちなみにテキストボックスなどをjavascriptで操作する場合は
idをつけておくと便利です。

これ以上をやりたいというのであれば
参考URLなど見て勉強してみてください
<html>
<head>

</head>
<body>

<input type="text" id="Q1" name="Q1" onmousedown="hoge()">
</body>
<script type='text/javascript'>
function hoge()
{
Q1.value = ""; //""のなかに設定する値
}
</script>

参考URL:http://www.parkcity.ne.jp/~chaichan/src/javasc21.htm

Q

数十の<a>タグがあるHTMLファイルの中で、
<div id="blank">で囲まれた<a>タグ群のみをすべてtarget="_blank"にしたいと考えています。
該当する<a>タグすべてにtarget="_blank"を書くと、HTMLファイルの容量が大きくなるので、CSSのIDとJavaScriptを組み合わせて、実現できないものでしょうか。

Aベストアンサー

<base target="_blank">
<div id="blank">
 <!-- -->
</div>
<base target="_self">


人気Q&Aランキング

おすすめ情報