<input type=submit>について

[上に] [前に] [次に]
Kei [E-Mail] 1998/10/03(土) 10:41:15
フォームで <input type=submit name.....を使用するとどうしても
画面上にグレーの奇麗でないボタンが表示されてしまいますよね。
これをなんとか .gif か .jpg のボタンにしたいのですけれど思ったように出来ません。
単純にJavaScriptで<img src=.... onClick=.... でsubmitメソッドを
使用するとIEではうまく出来るのですがNNだとonClickイベントが
発生しないようです。
<input type=image src=....onClick=.... でsubmitメソッドを
使えばIEでもNNでもとりあえず目的は達成できるのですが
カーソルが指の形に変わりません。
あともう一つはフォーム上にsubmitボタンがなくなる為なのか
enterキー(returnキーと呼ぶのでしょうか?矢印がかいてあるキーです)
を押した時に反応がなくなってしまいます。
これらを何とか解消する方法はないものでしょうか? 

あんでぃ 1998/10/03(土) 12:10:28
初めまして。
とりあえず参考にしていただければと
思い、書き込みました。

カーソルの形を変える方法は
DHTMLで変えられたような気がしますが、
ブラウザを限定していたように思います。
方法は忘れました。

enterキーを押したときにsubmitになるのは、
Netscapeではテキストフォームが一つの時だけ
だったと思います。
Internet Explorerでは複数あっても
enterキーを押せば送信できたと思います。

あんでぃ 1998/10/04(日) 02:33:07
あ、ふと思ったんですけど、
そのタグを<a href=#></a>で囲っちゃうのはどうでしょう?
どっちが反応するのかなぁ。

Aurai [E-Mail] 1998/10/04(日) 06:47:05
カーソルを変えるのなら
<a href="#" onClick="forms[0].submit();result=false"><img src="x.gif"></a>
のようにしてはかがでしょう

type=imageで十分だとも思いますが……

匿名希望 1998/10/07(水) 21:59:43
<a href="#" onClick=....</a> はNNではうまく出来ますが
IEでは反応しなくなってしまいました。あとNNでは
<a href=...></a>か<input type=....>のところでしか
onMouseover,onClickなどのイベントが発生しないらしいです。
結局IE、NNの両方で思ったとうりに動かす事はできないようです。
一緒に考えてくれた方々どうもありがとうございました。

kei [E-Mail] 1998/10/07(水) 22:01:28
[[解決]]
名前を入れるのを忘れてしまいました。。。
どうもすみません。

Aurai [E-Mail] 1998/10/08(木) 01:10:33
> <a href="#" onClick=....</a> はNNではうまく出来ますが
> IEでは反応しなくなってしまいました。あとNNでは
> <a href=...></a>か<input type=....>のところでしか
> onMouseover,onClickなどのイベントが発生しないらしいです。

result=false
で A タグの本来の機能はキャンセルされるはずなので
href には何をいれてもいいはずです

kei [E-Mail] 1998/10/08(木) 23:29:57
<<追記>>
Auraiさんの
<a href="#" onClick="forms[0].submit();result=false"><img src="x.gif"></a>
何ですけれどIEでは本来の目的の”submit”がされなくなってしまう
ようなのですが私がどこか間違っているのでしょうか?

mura [E-Mail] 1998/10/09(金) 12:28:25
「result=false」→「return false」のつもりなんでしょうけど、
それでもsubmitしないようです。
falseをtrueにしてもだめですし、onClick="return func();" と関数化してもだめでした。
それどころか私のIE3.02ではクリック後のURLにゴミがついてしまいます。(「.....html#HマJ」のように)
IEのバグ(or仕様外)なのかな?

>で A タグの本来の機能はキャンセルされるはずなので
>href には何をいれてもいいはずです

HREF= の後ろに#を入れているのは非JavaScriptブラウザや
IE・NNなどのJavaScriptオフへの対応策ですよね、きっと。

[上に] [前に] [次に]