Javascriptでのツリーメニュー表示について

解決済

質問者：ele_ele
質問日時：2006/05/10 11:37
回答数：2件

Javascriptを利用して、ホームページ上でツリーメニューを表示させようと思っています。

以下のページのサンプルを元にしています。
【解説ページ】http://www.openspc2.org/reibun/javascript/mouse/ …

上記は、１ページ毎に記述するタイプでテキストベースとなっております。
私は、はじめにツリーを展開するボタンをgif画像で作成し、それをクリックした際に画像の下にテキストベースのリンク文字が表示されるようにしたいと考えました。
また、それらは外部のｊｓファイルでの管理をしたいと思います。

まず、下記の構文を外部ｊｓファイルで作成し<head>内でファイルの読み込みを行いました。
【↓clickmenu.js↓】
function exMenu(tName)
{
tMenu = document.getElementById(tName).style;
if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none";
}

次に、下記のタグの部分も外部ｊｓファイルで読み込みたいと思っています。

<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>～</div>まで

この実際のボタン部分も外部ｊｓで読み込みたいと思う理由は、ページ数が非常に多く、メニューの追加や削除を、１つのファイルでどうしても管理したいからです。

フレームを利用せず、Javascriptでも同じ事が可能であることはわかったのですが、タグの部分がうまく外部ファイルにできなくて、表示が真っ白になってしまいます。

document.write('<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>');
のように、１行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。

必ずこの型でというわけではないのですが、何とかうまく外部ファイルでボタン部分を表示させる方法がありませんでしょうか。ご教授願います。

通報する

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

質問の本文を隠す

回答 (2件)

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

No.1ベストアンサー

回答者： ttyp03
回答日時：2006/05/10 11:55

＞document.write('<a href="javaScript:exMenu('treeMenu1')">＋</a>■検索サイト<br>');

＞のように、１行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。

これに関して言えば、シングルクォーテーション内でまたシングルクォーテーションが出てきているからだと思います。
'treeMenu1' の箇所を \'treeMenu1\' にしてみてはどうでしょう？