クリックすると表示されるメニューを作成するには？

yama 2000/03/14(火) 18:59:36
はじめまして。
現在、javascriptを使用したメニューを作成しています。
タイトル部に触れるとmenu1のテーブルが出てきます。
しかし、何故かネスケでは表示されません。記述がおかしいのでしょうか？
また、IE、NN 両ブラウザに対応するこのようなメニューを作成する方法などはあるのでしょうか？
何か参考になるようなサイト等ありましたらお願いします。

<script language="javascript">
function fmenu1(){
if (menu1.style.display=="none")
menu1.style.display="block";
else
menu1.style.display="none";}
</script>

<table width="240">
<tr>
<td width="240">
<div onMouseDown="fmenu1()" style="cursor: hand; width: 240; height: 14">タイトル</div>
</td>
</tr>
</table>
<table id=menu1 style="display: none" border=0 width="240">
<tr>
<td width="240">
メニュー1<br>
メニュー2<br>
</tr>
</table>

無責任官庁 2000/03/15(水) 09:12:42
確認事項その１（イベントハンドラ）
まず、とほほさんの「ＨＴＭＬリファレンス」のオマケにある
「ＨＴＭＬサポート状況一覧」を見てみてください。
そうすると、<div onMouseDown...> は、ＮＮは完全未対応だという事が
分かります。

確認事項その２（スクリプト）
とほほさんの「JavaScript入門」のオブジェクトの一覧を見ましたか？
elements.style.display がありません。「IE4.0のダイナミックHTML」の項目
を見ると…あります。そうです。このプロパティは IE4 以降専用なんです。

以上の事から、NN では動作しないことになります。
そんで、NN でも動作させるサンプルですけども…
http://www5.airnet.ne.jp/martin/index1.html
ここのメニューの「DynamicZone」→「CrossBrowserFactory」にある、
（http://www5.airnet.ne.jp/martin/CrossBrowser/index.html）
「このページで使っているフォルダ展開型の関数」
ってやつがそうかな。IE/NN どっちでも動作します。

ちなみに…NN では、１ページ上の HTML を動的に書き換え・置き換えする
ような操作は基本的に不可能だと思った方がいいかもしれません。
NN でそれをやるには、レイヤを重ねるしかないかと思います。
IE のように簡単に出来ないのはしょうがないですね。

＃なお、IE/NN ともにver4 以降が、この話の対象です。

のぶＴ [E-Mail] [HomePage] 2000/03/15(水) 17:08:22
InternetExproler4.x,NetscapeCommunicator4.x以降のみですが、
まずレイヤを用意しておきます。
イベントハンドラで下の関数が動くようにします。
laynameには上で用意したレイヤー名が、
contには表示させたいテキストなり、画像なり、ｈｔｍｌなりを
入れます。
function mywrite(layname,cont){                 //表示処理
        if(document.layers){
                document.layers[layname].document.open();
                document.layers[layname].document.write(cont);
                document.layers[layname].document.close();
        }
        if(document.all){
                document.all(layname).innerHTML = cont;
        }
}