NNでうまく動きません

解決済

質問者：cheb
質問日時：2002/01/28 17:41
回答数：2件

オプションボタンを使って、メニューを作りましたが、NNでうまく動きません。「checked」で初期値を指定しているので、そのまま「選択」ボタンを押した場合のために「form」に「value」でURLを指定したのですが、認識されません。（IEでは問題ありません）オプションボタンをクリックしなおして、「選択」ボタンをクリックするとジャンプします。
ソースを書きますので、宜しくお願いします。

<html>
<head>
<title>メニュー</title>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>

<body>
<tableborder="0">
<tr><td>
<form name="menu" value="http://www.goo.ne.jp">
<input type="radio" name="sate" onClick="menu.value='http://www.goo.ne.jp'" checked>GOO<br>
<br>
<input type="radio" name="sate" onClick="menu.value='http://www.yahoo.co.jp'">YAHOO<br>
<br>
<input type="button" value="選択" onClick="change()">
</form>
</td></tr>
</table>
</body>
</html>

通報する

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

質問の本文を隠す

回答 (2件)

ベストアンサー優先
最新から表示
回答順に表示

No.1ベストアンサー

回答者： madman
回答日時：2002/01/28 18:35

以下のようにすればいかがでしょう。

デフォルトのページが決まっているので、valにデフォルトページを記述。
document.menu.valueが存在する時は、そのページをセット。
無い場合は、デフォルトのVALを表示。

var val='http://www.goo.ne.jp';
function change(){
if(document.menu.value) parent.location=document.menu.value;
else parent.location=val;
}

- 0
- 件

通報する

この回答へのお礼

ありがとうございました。早急に対応できて助かりました。

通報する

お礼日時：2002/01/29 09:35

No.2

回答者： Kizz
回答日時：2002/01/28 18:38

はじめまして、chebさん。

上記コードちょっとみてみました。
そこで、「１．うごかしてみました」「２．属性 cheked と onClick=""　について」
「３．参考までにこんな風にもできますよ」、　をしたに書きますね。

====
１．Windows IE5.5 と Netscape4.7 でうごかすとどちらも初期（radioクリックなし）
　　ではうまくジャンプしませんでした。
　　＃IEではいくという事でしたけど、この環境でみた所は駄目なもようです。

２．
　　checked : は、初期の時点のradioのON表示の指定
　　onClick(): は、そのradioがマウスなどでクリックされた場合におこなうことを
　　　　　　　　定義しておくこと。

　　その為、私の理解の上では、checked をたてても、クリックイベントは発生しない
　　ので、onClick()で定義した処理は実行されないと思います。

３．参考のコード。
　　やりたいことを実現する方法（コードの書き方）は色々あるとおもいますけど、１例
　　として書いておきますね。
　　＃javascriptがちょっと長くなりますけど。
　　＃またradioが２つ限定な書き方になってます（数をみてループするようにもできますけど、
　　　今回は簡単にで。

+++++

<html>
<head>
<title>メニュー</title>
<SCRIPT LANGUAGE="JavaScript">

</SCRIPT>
</head>

<body>
<tableborder="0">
<tr><td>
<form name="menu" >
<input type="radio" name="sate" value="http://www.goo.ne.jp" checked>GOO<br>
<br>
<input type="radio" name="sate" value="http://www.yahoo.co.jp">YAHOO<br>
<br>
<input type="button" value="選択" onClick="change()">
</form>
</td></tr>
</table>
</body>
</html>

++++++

一応参考までにお使い下さい。
んじゃ、がんばってみて下さいね。