はじめまして、質問させてください><
フレームが3分割になっているwebページを、ホームページビルダーで作ろうとしています。
---------
| A |
|________|
| B |
|________|
| C |
---------
こんなイメージです。
Cにmenuを入れて、そのCの中のmenuにあるリンクを押すと、AとBが同時に別のページに飛べるようにしたいんです。
もちろんCはどのページに行っても固定です。
このJavaScriptが載っているサイトさんをいくつか参考にして何回も試してみたんですが、全くできませんTT
タグを何度も見直した上で、ビルダーのプレビュー画面で見るとそのたびに「ページを表示できません」と出てきてしまいます><
専門家の方やビルダーに詳しい方、どなたかアドバイスを下さい・・よろしくお願いします><。。
No.1
- 回答日時:
Menuのリンクを押したときのjavascript部分で、
top.Aのフレーム名.location.href="リンク先";
top.Bのフレーム名.location.href="リンク先";
と単に併記というのはどうでしょうか。
この回答への補足
回答ありがとうございます^^
確かに、リンク先のアドレスも入力したんですが、それでもだめでしたTT
実際に、Cの部分にはこういうタグを入れました。
<HTML>
<HEAD>
<TITLE></TITLE>
<SCRIPT Language="JavaScript">
<!--
function link1() {
parent.top.location.href='page1.html';
parent.middle.location.href='page2.html';
}
//--></SCRIPT>
</HEAD>
<BODY>
<A href="JavaScript:link1();">Link1</A>
</BODY>
</HTML>
フレームの名前は、Aの部分がtop、Bの部分がmiddleとなっています。
仮に、CにあるLink1というところをクリックすると、AとBが同時にそれぞれpage1、page2と切り替わるようにしたいのですが・・><
No.2
- 回答日時:
1個のリンクで二つのページを二つのフレームに入れるには、
<A HREF=# onClick=window.open('a.html','a_frame','');window.open('b.html','b_frame','');>ここをクリック</A>
の様にFRAMEのNAME=で指定した名前をTARGET=で指定知る様に指定しなくてはなりません。
ここではa_frameにa.htmlを表示させ、
b_frameにb.htmlを表示させようとしています。
No.3
- 回答日時:
三分割じゃなく、まず、CとDの二フレームに分割、Cのクリックで、フレームDに呼び出すHTML文書の中で、AとBに二分割するよう、入れ子にすれば、JavaScriptとか使わないで済むのでは。
この回答への補足
回答ありがとうございます^-^
確かにそれが簡単かも・・と思いましたw
でも、なんとなく意味は分かるのですが、入れ子とは具体的にどうすればいいんですか?><
質問ばかりでごめんなさい;;
No.4ベストアンサー
- 回答日時:
>そのタグは、BODYタグの後にそのまま入力すればいいんでしょうか?
とくにファンクションを呼び出していませんので、<BODY>タグの後にあれば良いです。
No.1さんの補足を見る限り、
<A HREF=# onClick=window.open('page1.html','top','');window.open('page2.html','middle','');>link</A>
で良いですね。
但し、page1.htmlやpage2.htmlがフレームに表示されず、別のウィンドウに表示されるようであれば、
<FRAMESET>でフレーム指定しているファイルの<FRAME>で指定しているNAME=がtopとmiddleになっているかを確認してください。
もし、よくわからないようであれば、<FRAMESET>や<FRAME>を指定しているファイルの内容を補足してください。
この回答への補足
またまたていねいな回答ありがとうございます*^-^*
そのタグを入力してみたら、できたんです!でも喜んだのもつかの間・・
前までは、ビルダーのプレビュー画面で確認すると、フレームの形すら出ずにただ「ページを表示できません」と出るだけだったんですが、このタグを入力したところ、今度はちゃんと2段のフレームが同時に出てきて同時に切り替わりました!
でも肝心の、そのページの内容が出てきませんTT
2つのフレーム画面とも、「ページを表示できません」になってます><
もちろん表示したいページの名前も間違ってないです。
考えられる原因はあるのでしょうか・・。
No.5
- 回答日時:
> 入れ子とは具体的にどうすればいいんですか?
具体的には、「CとDの二フレームに分割、Cのクリックで、フレームDに呼び出すHTML文書の中で、AとBに二分割する」なんですが、下手に「入れ子」などと修飾させたのが敗因でしたか。
もっと具体的な例。MacのTerminalからのコピーアンドペースト:
% cat index.html
<html><head><title>Test</title></head>
<frameset rows="*,60">
<frame src="about:blank" name="MAIN">
<frame src="c.html" name="MENU">
</frameset></html>
% cat c.html
<html><head><title>Menu</title></head><body>
<a href="d.html" target="MAIN">D</a>
</body></html>
% cat d.html
<html><head><title>Main</title></head>
<frameset rows="50%,*" onload="a()">
<frame src="http://www.okweb.jp/" name="topview">
<frame src="http://oshiete.goo.ne.jp/" name="middleview">
</frameset></html>
%
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- WordPress(ワードプレス) ワードプレスで、投稿一覧ページにタグを表示する方法 投稿につけたタグを、記事一覧ページにもカテゴリと 1 2023/05/10 21:41
- HTML・CSS トリミングで表示した画像をクリックで元どおりにしたい 3 2022/12/16 18:49
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- Amazon Amazon 1 2023/02/13 16:07
- その他(メールソフト・メールサービス) グーグル検索の順位 3 2022/11/03 01:15
- ドメイン・サーバー・クラウドサービス 自作サイトをサーバーにアップロードしたのですが… 2 2022/11/08 18:12
- WordPress(ワードプレス) wordpressでphpを読み込みたい 1 2022/10/30 23:40
- PHP php my adminより取り出したデータ表示 2 2022/06/15 11:56
- その他(インターネット接続・インフラ) ブラウザにIPアドレス入力した時 1 2022/06/16 19:08
- PHP $_SESSIONに渡した後はそのまま使っても問題ありませんか? 3 2022/11/08 22:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
Safariで<iframe>のinnerHTMLを...
-
上と左にフレームわけされてい...
-
エラー:書き込みができません ...
-
別フレームへのリンク文字上で...
-
<a href="#" …>の意味を教えて...
-
別ファイルのfunctionの読み込み方
-
JavascriptとJqueryを混在し記述
-
Dreamweaver で 外部JSを読み込...
-
pythonのWebスクレイピングでfi...
-
条件分岐で、読み込む外部スク...
-
bodyにidをつける理由は何ですか?
-
JavaScriptでiframeの内容を「...
-
function の return 値を表示し...
-
リンクをクリックすると文字が...
-
jqueryでのkeydownイベント発生...
-
ウィンドウ名の設定
-
擬似フレーム
-
Mac IE でスクリプトエラー
-
<FORM ACTION= をつけると「宣...
-
onloadで2つの関数を設定したい
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームで表示され...
-
フレームを跨ぐドロップダウン...
-
子フレームの自動リロードは可...
-
別ページのインラインフレーム...
-
インラインフレームをドラッグ...
-
<iframe>~</iframe>内のwindow...
-
親フレームのURLによって、...
-
jqueryを利用してインラインフ...
-
エラー:書き込みができません ...
-
submitボタンで他のフレームを...
-
親フレームからkeydownイベント...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
フレームが入れ子状態です。フ...
-
別画面の関数の呼び出し
-
ワンクリック、ダブルウインド...
-
チェックボックスのチェックを...
-
親ウィンドウの別フレームを子...
-
フレーム分割すると動かない
おすすめ情報