レイヤーメニューを外部Javascriptファイルで読み込む方法はないですか？

質問

よく、レイヤーとJavascriptを組み合わせてプルダウンン風メニューがありますが(Microsoftの上部メニューのようなの）、
これを外部ファイルとして各ページに読み込む方法はないでしょうか？
メンテの効率上、フレームを使わずに全ページ共通のメニューを表示させたいのです。

できれば、レイヤープルダウンメニューには画像を使ってロールオーバーのアクションもつけれれば最高ですが…。

レイヤーでプルダウンメニューを作ることはできるのですが、外部ファイルとして読み込む方法を教えて下さい。
お願いします。

回答No.3

noname#5841 · ベストアンサー

こんにちは。

＞いざ、ブラウザで見るとインクルード部分がでてきません。なぜでしょう？

はい、残念ながら、ローカルだと、無理です。
もしかしたら、（Dreamweaverで）ページを開いている状態で、『ブラウザでプレビュー』したら見れるかもしれませんが・・・。

＞SSIが使用できるＷｅｂサーバでないと動作しませんか？

はい。

なので、私がやる場合は、もちろん、SIIが使用できるWEBサーバである事は前提なのですが、インクルードしない、ベタで張り込んだ形にしたものを、とりあえず編集用として一枚用意して、そちらでローカルでは編集・確認して、最終的にサーバにアップしてサイト全体を確認してます。

あ、でもDreamwever使っているのでしたら、Fireworksも使えるのかしら？？
そしたら、そちらで外部JSをメインにしてのプルダウンメニュー作成できますよ。
これまた過去の回答になりますが、ご参考にしてみてください。

http://oshiete1.goo.ne.jp/kotaeru.php3?q=370054

お礼

<!--#include virtual="***.inc" -->のSSIは今使っているレンタルサーバでは使用できないことが分かってしまいました…。
あとはFireworksで作る方法にトライしてみようと思います。
ss_sionさんはすばらしい！ってゆーか何者(笑)?すっごく勉強になりました～。
またなにか質問した際にはよろしくお願いしますね。
ありがとうございました。

回答No.2

noname#5841

うーん・・・と。
プルダウンの生成をJavaScriptで行っているなら、簡単ですが、そうでなさそうなので、ちょっと、ここに記述しきれないです。。。

一番簡単かと思われるのは、インクルードファイル（外部ファイル：拡張子".inc"）にして、メニュー部分だけ引っこ抜いて使用する、という事になりますが…。

前に似たような回答した事あるので、詳しくはそちらをご覧下さい。
＃６部分参照

参考URL：

http://oshiete1.goo.ne.jp/kotaeru.php3?q=342549

補足

No.6のインクルードの方法でやってみました。
ソフトはDreamWeaverを使用しているのですが、編集画面上では無事インクルードできていて問題ないのですが、
いざ、ブラウザで見るとインクルード部分がでてきません。なぜでしょう？

あと、この<!--#include virtual="***.inc" -->っていうのは、
動作環境などはいかがなんでしょうか？
SSIが使用できるＷｅｂサーバでないと動作しませんか？
それともローカルでも動作しますでしょうか？

お手数をかけますがよろしくご教授ください!!

回答No.1

alicia-y

参考URLのとこにいって
JavaScriptリファレンス
JavaScript 外部ファイルをお読みください。

参考URL：

http://tohoho.wakusei.ne.jp/www.htm

補足

すみません。説明不足でした。
外部ファイルを呼び出す方法がわからないのではなくて、
その呼び出す先の外部Javascriptの中身の記述方法がわかりません。
ひとまず、元のフレーム構造で動作しているソースの該当部分を抜き足して<script>類のタグは抜いて.jsにしてましたが動作しませんでした。
（無論そんなんで動作するとは思わなかったですが‥）

元の質問のアクションを外部Javaとして使用する場合のソースの書き方を教えて下さい。