プロが教えるわが家の防犯対策術！

Resetボタンを画像にする方法を教えてお願いします。

解決済

  • 質問者：laoyu
  • 質問日時：
  • 回答数：4件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<title>sss</title>
<script type="text/jscript">
<!--
function fName(){
<!--ここのjavascriptの書き方が分からない？？？？-->
}
//>
</script>
</HEAD>
<body>
<FORM name="fName">
日付：
<input type="text" name="tel"><br>
住所：
<input type="text" name=""><br>
<!--ここのボタンは上記の内容を送信する-->
<A href="#" onClick="action(アクション名)"><IMG src="sousinn.gif" border="0"></A>
<!--ここでは上記の内容をリセットする-->
<A href="JavaScript:document.fName.reset()"><IMG src="reset.gif" border="0"></A>
<!--特にここのhrefの後ろはjavascriptにしたいです。-->
</FORM>
</body>
</HTML>
それを実現するにはどうすればいいでしょうか？
教えてお願いします。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (4件)

No.1ベストアンサー

  • 回答者： yambejp
  • 回答日時：

オブジェクトを渡してやるとやりやすい



<script>
function fName(obj){
obj.form.reset();
return false;
}
</script>

<FORM>
日付：
<input type="text" name="tel"><br>
住所：
<input type="text" name=""><br>
<input type="image" src="reset.gif" border="0" onClick="return fName(this)">
</FORM>
</body>
</HTML>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご回答ありがとうございます＾＾
すぐしてみましたが、うまく以下なかった。
firefoxのでバックしてみると
obj.form is undefined
onclick()
undefined
といわれました。

通報する
お礼日時：2009/02/13 20:38

No.4

  • 回答者： zxcv0000
  • 回答日時：

失礼しました。

No.3さんのおっしゃるとおり。

<button type="submit" onclick="return funcForSubmit(form);">

の様に書けば、独自処理を追加するのもその中で 送信をキャンセルするのもOKです。
    • good
    • 0
    • 件
通報する

No.3

  • 回答者： steel_gray
  • 回答日時：

#2の補足というか訂正。

(type属性の存在が無視されてる)
もし、button を使うならJavascriptは不要。
<button type="reset"><img ～></button>
送信も同様に
<button type="submit"><img ～></button>

button特有のデザインが気に入らなければスタイルシートで対応できます。
    • good
    • 0
    • 件
通報する

No.2

  • 回答者： zxcv0000
  • 回答日時：

別のアプローチじゃダメですか？ 別の場所にJavaScriptが不要です。



<button type="button" onclick="form.reset();"><img src="reset.gif" border="0"></button>

試してません。 form が undefined だったら、 document.getElementById() とかに替えてください。

お気に召した場合は、送信も form.submit() でできます。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ご答えありがとうございました。
hrefのところだけJavaScript:document.fName.reset()を書いてヘッダーにjavascriptを書かなくても、ローカルで実行して見てうまくいきました。
関係あるかどうか分かりませんですが、今の事情を説明させていただきたいです。
今は会社の研修中です、OSはwindow xp環境はTomcat6.0、MySql、Eclipse3.3を使って仮のプログラムを作っているところです、サーブレットを組んで、ｈｔｍｌの内容をｊｓｐファイルに編集し、日付や住所を取得してデータベースに書き込み。
上記の内容をその中で実行すると、効かなくなるのはどうしたのか分からなくて、今でもその問題は未解決のです、どうぞ、また教えてください。

通報する
お礼日時：2009/02/14 17:51

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

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報