<select>でのリンク、ボタンに画像を使用するのには?
[上に]
[前に]
[次に]
tky
1999/09/05(日) 02:23:40
<select>〜</select>の選択フォームを使用したリンクがありますが、
選択した後に、画像のボタンを押してジャンプするというのを
実現したいのですが、うまくいきません。
<form method="post" name="gogo">
<select name="jump">
<option value> SELECT - - - - </option>
<option value="**.html"> no.1 </option>
<option value="**.html"> no.2 </option>
<option value="**.html"> no.3 </option>
<option value="**.html"> no.4 </option>
</select>
<input type="button" value=" > "
onclick="parent.f2.location.href=this.form.jump.options[this.form.jump.selectedIndex].value">
</form>
で、フォームのボタンでは、可能ですが、
<input type="image" .....>は、使えなく、
色々試した結果、以下の様なスクリプトを作りました。
<script language="JavaScript">
<!--
function go() {
url = gogo.jump.options[gogo.jump.selectedIndex].value;
if(url != "") {
parent.f2.location.href = url;
}
}
// -->
</script>
<a href="javascript:go()"><img src="go.gif" border="0"></a>
ですが、これだとIE4.01ではOKなのですが、
NC4.51では上手く行きません。(共にWin)
私のスクリプトの書き方が間違っているのでしょうか?
どうしても画像ボタンを使いたいので、
すみません、どなたかご回答よろしくお願いします。
Aurai
1999/09/05(日) 04:20:56
<form name="gogo" onSubmit="if(this.jump.selectedIndex!=0){parent.f2.location.href=this.jump.options[this.jump.selectedIndex].value}return false;">
<select name="jump">
<option> SELECT - - - - </option>
<option value="1.htm"> no.1 </option>
<option value="2.htm"> no.2 </option>
<option value="3.htm"> no.3 </option>
<option value="4.htm"> no.4 </option>
</select>
<input type="image" src="button.gif">
</form>
これでどうでしょうか
オブジェクトの仕様をきちんと確認しましょう
tky
1999/09/05(日) 05:10:00
[[解決]]
Auraiさん、どうもありがとうございました。
>オブジェクトの仕様をきちんと確認しましょう
はい、生半可な知識で作っていました。
やっぱり基本からちゃんと勉強しないとダメですね。
でも、これでやっと寝れます。。
本当にどうもありがとうございました。
[上に]
[前に]
[次に]