タイトル通りなんですが、
あらかじめ、frame.htmlという
上と左右に分割されたページ
(上はtop.html、左はleft.html、右はright.html)
があるとします。
で、index.htmlから1~3までのリンク先があり、
そこをクリックすると、frame.htmlの
top.htmlとleft.htmlだけ同じファイルを呼び出し、
right.htmlの部分だけ各1~3のページを
読み出す事はできるのでしょうか?
1~3.html用にそのフレームページを3つ作れば早いのですが
どうにかして、frame.htmlの「right」だけを各リンク先のページに
切り替えるという、1つのファイルで賄いたいと思っております。
宜しくお願い致します。
No.2ベストアンサー
- 回答日時:
方法としては、
・index.htmlのリンク1~3のhrefをそれぞれ
"frame.html?ptn=1"
"frame.html?ptn=2"
"frame.html?ptn=3"
などとしてframe.htmlへどのリンクを踏んだかを渡す
・frame.htmlの先頭でindex.htmlから渡された値(ptn)を取得する
window.documentあたりで取得できると思います。
(文字列操作等が必要かもしれない)
・取得した値(ptn)によってframesetのsrcを振り分ける。
ptn=1だったらright1.html
のような感じで。
といった具合で実現可能かと。
返信有難う御座います。
各リンク先を引数として
その引数を上の処理で変数として受け取らせてやれば
こちらの望むべき処理が実現できました。
---処理---
function jump(filename) {
document.open();
document.write("<frameset rows='50,*' frameborder='0' border='0' framespacing='0'>");
document.write("<frameset cols='100%,*' frameborder='0' border='0' framespacing='0'>");
document.write("<frame src='./top.html' scrolling='NO' noresize>");
document.write("<frame src='dummy.html' scrolling='NO' noresize>");
document.write("</frameset>");
document.write("<frameset cols='160,*' frameborder='0'>");
document.write("<frame src='./left.html'>");
document.write("<frame src=" + filename + ">");
document.write("</frameset>");
document.write("</frameset>");
document.close();
---リンク元---
<a href="right1.html" onclick="javascript:jump('right1.html')">
作りが雑かと思いますがこんなカンジです。
お騒がせ致しました。
No.1
- 回答日時:
少し意味が解らないのですが、index.htmlとframe.htmlは同じものだと考えていいのでしょうか?
それとも、indexとframeは2つウィンドウが開いていて、indexから違うウィンドウのframeを操作したいのでしょうか?
どちらにしても、両方ともJavaScriptで出来ますョ。
また、frameではなくてiframeを使う、という手もあります。
index.htmlとframe.htmlは別モノです。
とりあえずトップページのリンク先を
別のフレームページの1部に飛ばせたかったんですが
とりあえずやってみたら出来ました。
ご返答有難う御座いました。
お騒がせ致しました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- HTML・CSS スマホでHTMLファイルを開いてリンク先へ移動させたいです 2 2023/03/04 18:06
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript vertical sliderをautoplayしたい 2 2022/08/25 14:47
- Chrome(クローム) タスクバーにローカルのhtmlのリンクをchromeで留めてダブルクリックして使うことできますか? 1 2023/08/26 18:13
- SEO googleサーチコンソールでの重複ページ(ダブルスラッシュ) 3 2023/06/12 15:00
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- iPad htmlファイルを翻訳したい 2 2022/11/07 23:50
- HTML・CSS リンクバナーのHTMLタグ。画像を変えたり、設置位置を変えるとバナー貼付け側はどう見える? 2 2023/02/01 12:01
- PHP htmlspecialcharsが機能していないです。 バグですか? 1 2022/04/05 01:22
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
複数のページ(html)のvalueを...
-
フレームでの右クリック禁止
-
別フレームの中にあるインライ...
-
別ページのインラインフレーム...
-
チェックボックスのチェックを...
-
親フレームのURLによって、...
-
URLを引数とし、フレーム間で渡...
-
別画面の関数の呼び出し
-
エラー:書き込みができません ...
-
スマホ上で、左右スワイプで次...
-
<a href="#" …>の意味を教えて...
-
bodyにidをつける理由は何ですか?
-
別ファイルのfunctionの読み込み方
-
複数のJavascriptを1つのscrip...
-
base64encodeでの文字化けについて
-
javascriptでalertの文字列をコ...
-
ウインドウの後ろに隠れている...
-
cssにjavascriptを入れる?呼び...
-
Vbscriptで自分自身のウィンド...
-
文字を入れ替わり表示させたい...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
スマホ上で、左右スワイプで次...
-
インラインフレームをドラッグ...
-
子フレームの自動リロードは可...
-
submitボタンで他のフレームを...
-
別フレームのページが読み込み...
-
インラインフレームで表示され...
-
セレクトメニューでリンクの際...
-
親ウィンドウの別フレームを子...
-
<iframe>~</iframe>内のwindow...
-
openerは使えないのでしょうか?
-
別ページのインラインフレーム...
-
フレームでの右クリック禁止
-
親フレームからkeydownイベント...
-
onunloadイベントでの画面制御...
-
別フレームにスムーススクロー...
-
ファイルのフォルダの階層の指...
-
左右のフレームを同時にスクロ...
-
他のフレームのスクリプトを実...
-
リロードとの違い
-
別フレームの中にあるインライ...
おすすめ情報