フォームの画像ボタンについて
[上に]
[前に]
[次に]
しょうこ
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がポイントですね。
たびたび、ありがとうございした。
[上に]
[前に]
[次に]