FWMXとDWMXでページを作っています。
ポップアップメニューのあるページをフレームでメニューバーとして作りたいのです。
例えば、上下のフレームで上フレームにメニューバー下フレームにはそれぞれ違うページのようにフレームを使用します。
なぜフレームかと言うと100ページのサイトだったとして、メニューの項目が増えた場合100ページの修正とアップロードが必要になります。このようなことが無いようなページを作りたいのです。
1つのファイルを修正したら全てのページにも自動で反映されるような…このような方法が有ればベストです。
そこで、フレームを使用する事にしました。
(他に方法があれば、フレームを使用しなくても良いです。何か方法があればこれも教えてください。)
話は戻りますが、このとき、上フレームと下フレームの境界でポップアップが隠れてしまいます。
これを回避する方法として、1つはマクロメディアのサイトを参考に見ました。
http://www.macromedia.com/jp/support/fireworks/t …
これは、それぞれのページ全てに記述しなければならないので結局100ページの修正が必要になります。
その他Javascriptを外部ファイルにする。
という方法も試しました。
これは一見成功したと思いましたが、ポップアップメニューの表示する場所を指定する為、(下フレームページの一番上0の座標に表示する命令を書きました。)ページをスクロールした時にポップアップの内容が無くなってしまいます。
これを回避する方法があれば、それでも良いのですが…
何か良い方法を知っている方は、是非知恵を貸して頂けないでしょうか。
宜しくお願いします。
(*- -)(*_ _)ペコリ
No.2ベストアンサー
- 回答日時:
> ボタンを画像で作っていて、マウスオーバーすると画像が入れ替わってなおかつ、ポップアップメニューが出るという形になっていますが、それでも可能でしょうか?
上フレームで表示していたメニューに関する全部分を、document.write でそっくり出力できれば問題ないはずです。
試しに外部スクリプトと、それを読み込むページを1枚作って確認してみてください。
この回答への補足
作ってみて疑問があります。
リンクとか、画像についてですが、
それぞれ違うディレクトリ構造にしたときに、
画像を読み込んでこないですね。
ということは階層ごとにパスの違ったJSファイルが必要になるということですか?
または、フルパスでの指定ってことになりますか?
フルパスだと、ローカルでのテストができないってことですね。。。
それとも、何か方法があるのでしょうか?
ありがとうございます。
試しにやってみました。
この方法はとても良かったです。
ありがとうございました。
何か注意するところとかありますか?
未対応ブラウザがある等・・・
特になければ、この方法で作っていきたいと思ってます。
No.4
- 回答日時:
> フルパスだと、ローカルでのテストができないってことですね。
。。http:// から始めるフルパス指定だと確かにそうですが、ドキュメントルートからの絶対パス指定にすればローカルでもテストできます。
例えば、
<IMG src="/img/title.gif">
という感じです。
ローカルPCにhttpdソフトがインストールされていれば同じ環境にすればいいですし、単にHTMLを表示してのテストならルート(例えば C:\ など)にディレクトリやファイルを展開すればOKです。
遅くなりました。
回答ありがとうございました。
結局、外部ファイルにすることにしました。
以下の回答とても参考になりました。
ありがとうございました。
No.3
- 回答日時:
> 何か注意するところとかありますか?
> 未対応ブラウザがある等・・・
JavaScriptに依存した構成なので、JavaScriptをオフにしている人のために、NOSCRIPT に注意書きしておくくらいでしょうか。
後はアクセス解析でもしてみて、古いブラウザ(Netscape4 などではポップアップメニューが出ないような気も)の利用者が多いようなら、対策を考えればいいと思います。
多分、ほとんどは IE6~5 でしょうから、問題ないとは思いますが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- 画像編集・動画編集・音楽編集 動画をディスク作成すると画像が乱れる。 4 2022/06/24 07:49
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- C言語・C++・C# 【C++】IDirect3DSurfaceのディープコピーは可能ですか? 1 2022/07/06 02:47
- 画像編集・動画編集・音楽編集 動画ファイルの圧縮方法についてはIフレームだのPフレームだの使って圧縮するらしいのですが、音声データ 1 2022/08/26 18:28
- その他(ファッション) スポーツメガネでフレームの色は白などはあり? 2 2022/11/30 07:26
- スポーツサイクル ポスターフレームについて 1 2022/12/24 16:50
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- カスタマイズ(バイク) カスタマイズ 1 2022/11/12 01:09
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- メガネ・コンタクト・視力矯正 眼鏡が小さくて横や後ろが見づらい 6 2023/07/04 08:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
追加ボタンを押した際に ok ボ...
-
フォームが空欄の時にフォーム...
-
GASに文字列として関数を入れる...
-
特定の文字列を複数抜き出した...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
①入力フォーム→②確認表示画面→③...
-
Q&A掲示板の入力フォームに文字...
-
ボタンを押したあとに画像を表...
-
コードレビューをお願いします。
-
React hooksが値を返して配列変...
-
フロントエンドフレームワーク...
-
画面遷移を行わずに同一ページ...
-
ローディングアニメーションの...
-
jQueryで同じクラス名のものを...
-
ジャバスクリプトについて。
-
プログラムについて。
-
メールフォームの日付入力フォ...
-
二次元配列を使って順位をだす...
-
iOSのみダブルタップが必要
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
二次元配列を使って順位をだす...
-
プログラムについて。
-
Q&A掲示板の入力フォームに文字...
-
メールフォームの日付入力フォ...
-
iOSのみダブルタップが必要
-
ジャバスクリプトについて。
-
画面遷移を行わずに同一ページ...
-
特定の文字列を複数抜き出した...
-
指定時間になったら、WEBサイト...
-
追加ボタンを押した際に ok ボ...
-
①入力フォーム→②確認表示画面→③...
-
スマホ上で、左右スワイプで次...
-
読み込んだQRコードをフォーム...
-
フロントエンドフレームワーク...
-
React hooksが値を返して配列変...
-
GASでGoogleフォームの自動返信...
-
初心者です。gulpでコンパイル...
-
階層別の組織図の自動作成について
-
HTMLで作った時報アプリが動き...
-
jQueryで同じクラス名のものを...
おすすめ情報