フォームの画像ボタンについて

[上に] [前に] [次に]
しょうこ 1999/12/02(木) 20:46:29
フォームの画像ボタンを使って、ウィンドウを新しくOPENしたいのです。

通常、画像ではない場合
<SCRIPT Language="JavaScript">
<!--
function opn() {
window.open("test.html","win","toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=yes,resizable=yes,width=100,height=100")
}
// -->
</SCRIPT>
<form name="new" action="">
<input type="button" name="testopn" value="開く" onClick="opn()">
</form>

でうまくいくのですが、このボタンを画像にしようと思うと、うまく行きません。
画像のボタンはCGIなどを利用した”送信”ボタンとしてしか使えないのですか?
(actionを記述とする)

<BUTTON></BUTTON>や<INPUT TYPE="image" src="tt.gif" onClick="opn()>
とかしてもうまく行きません。

tt.gifを押すと、test.htmlだけが開くにはどうすればいいですか?
<a></a>でリンクを貼るやりかたは、したくありません。
フォームまたは違う方法を教えてください。

怒らないで、教えてください。

ふじ 1999/12/02(木) 20:58:40
<A href="" onClick="opn();return false;"><IMG src="tt.gif" border=0></A>
で、いかが?
#必ずしもフォームの画像でなくても良いんですよね?

ふじ 1999/12/02(木) 21:06:50
><a></a>でリンクを貼るやりかたは、したくありません。
ありゃ。ごめんなさい。見落としてました。

<form name="new" action="" onSubmit="opn();return false">
<input type="image" src="tt.gif" name="testopn">
</form>

これで。

しょうこ 1999/12/02(木) 21:12:52
[[解決]]
ふじさんへ
あ、ありがとうございました。
さっきまで、4時間以上もああでもない、こうでもないってしてたのに。
いとも簡単に出来ました。
<a href="#">としていたので、reloadしてしまって困ってました。
<a href="">は本にもHTMLQA関係のネットにもなくて。
応用力ってやっぱり大事ですよね。
なんか、すごい感激しちゃいました。

このページは、なんて良いページなんだろ。

ふじ 1999/12/02(木) 21:24:33
><a href="">は本にもHTMLQA関係のネットにもなくて。
この問題のポイントは実はそこではなくて、

onClick="opn();return false;"

の return false です。これがあるとジャンプが抑制されるんです。

#だから、href="" でも href="#" でも href="http://hogehoge" でも何でも良かったりする。

で、今気がついたんですが、JavaScript を切っている人が迷子(変なところに飛ぶ)
にならないようにするには、 href="#" の方がいいですね(^^;

しょうこ 1999/12/03(金) 19:21:58
[[解決]]
ふじさんへ

>onClick="opn();return false;"
>の return false です。これがあるとジャンプが抑制されるんです。
>#だから、href="" でも href="#" でも href="http://hogehoge" でも何でも良かったりする。
>で、今気がついたんですが、JavaScript を切っている人が迷子(変なところに飛ぶ)
>にならないようにするには、 href="#" の方がいいですね(^^;

<a href="#">にすると、reloadしてしまうのに・・・と
思いながらも、素直に実行してみました。
ちゃんと出来ました。(^^)v
return falseがポイントですね。
たびたび、ありがとうございした。

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