Javascriptを利用して、ホームページ上でツリーメニューを表示させようと思っています。
以下のページのサンプルを元にしています。
【解説ページ】http://www.openspc2.org/reibun/javascript/mouse/ …
上記は、1ページ毎に記述するタイプでテキストベースとなっております。
私は、はじめにツリーを展開するボタンをgif画像で作成し、それをクリックした際に画像の下にテキストベースのリンク文字が表示されるようにしたいと考えました。
また、それらは外部のjsファイルでの管理をしたいと思います。
まず、下記の構文を外部jsファイルで作成し<head>内でファイルの読み込みを行いました。
【↓clickmenu.js↓】
function exMenu(tName)
{
tMenu = document.getElementById(tName).style;
if (tMenu.display == 'none') tMenu.display = "block"; else tMenu.display = "none";
}
次に、下記のタグの部分も外部jsファイルで読み込みたいと思っています。
<a href="javaScript:exMenu('treeMenu1')">+</a>■検索サイト<br>~</div>まで
この実際のボタン部分も外部jsで読み込みたいと思う理由は、ページ数が非常に多く、メニューの追加や削除を、1つのファイルでどうしても管理したいからです。
フレームを利用せず、Javascriptでも同じ事が可能であることはわかったのですが、タグの部分がうまく外部ファイルにできなくて、表示が真っ白になってしまいます。
document.write('<a href="javaScript:exMenu('treeMenu1')">+</a>■検索サイト<br>');
のように、1行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。
必ずこの型でというわけではないのですが、何とかうまく外部ファイルでボタン部分を表示させる方法がありませんでしょうか。ご教授願います。
No.1ベストアンサー
- 回答日時:
>document.write('<a href="javaScript:exMenu('treeMenu1')">+</a>■検索サイト<br>');
>のように、1行ずつ書いているのですが、hrefにjavaScriptを指定すると表示が消えてしまいます。
これに関して言えば、シングルクォーテーション内でまたシングルクォーテーションが出てきているからだと思います。
'treeMenu1' の箇所を \'treeMenu1\' にしてみてはどうでしょう?
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・ハマっている「お菓子」を教えて!
- ・最近、いつ泣きましたか?
- ・夏が終わったと感じる瞬間って、どんな時?
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavascriptとJqueryを混在し記述
-
cssにjavascriptを入れる?呼び...
-
javascriptファイルは1つに統...
-
別ファイルのfunctionの読み込み方
-
ASP.NETでjsファイルのリンクの...
-
Dreamweaver で 外部JSを読み込...
-
javascriptとApacheの設定
-
JavaScriptの外部ファイル読み込み
-
外部ファイルでBODYのonloadイ...
-
複数のJavascriptを1つのscrip...
-
一つのHTMLの中で日本語の文字...
-
JavaScriptのエラー ( 関数の...
-
外部ファイルを実行
-
サイトのソースに書いてあるjs...
-
Javascriptのクエリ(パラメー...
-
jQuery 読み込んだ外部htmlフ...
-
javascriptのalertで文字化けが...
-
外部ファイルJS参照を全て消さ...
-
ScriptがTABLEタグの中に表示さ...
-
レンタルサーバーでjavascript...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
javascriptとApacheの設定
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
javascriptファイルは1つに統...
-
cssにjavascriptを入れる?呼び...
-
Dreamweaver で 外部JSを読み込...
-
複数のJavascriptを1つのscrip...
-
javascriptのalertで文字化けが...
-
レンタルサーバーでjavascript...
-
JavaScriptのエラー ( 関数の...
-
プルダウンメニューを別ファイ...
-
xmlHttpRequest.send( EncodeHT...
-
外部.jsの内容を一部置き換えて...
-
外部読み込みで動かないときの...
-
ひとつの外部ファイルに複数の...
-
【Google Apps Script】「ライ...
-
外部ファイルでBODYのonloadイ...
-
メールフォーム、受信メールの...
-
javascript内で外部ファイルを...
-
リンク先のURLを記述せずに、Ja...
おすすめ情報