別窓を共有したいのです。

質問

自身のHP作成中です。
作品ひとつずつの詳細を別窓で表示させたいのです。
沢山窓の出る方法は分かるのですが、ひとつの窓を共有する方法が、どうしても分かりません。

ご存知の方、教えてください。
お願いします。

回答No.5

Blackwingls · ベストアンサー

すみません間違えました。
再投稿します。NO4は忘れてください。

こんにちは、Blackwinglsです。
http://pfservice.co.jp/index.html
確認いたしました。
やりたい内容が把握できました。
今までの回答はかなり内容が違っているようですので、新たに回答いたします。
今までの分は忘れてください。

http://pfservice.co.jp/index.html
外部ファイルにてJavaScriptを動かしているようです。
かなり簡単にまとめると、上記index.html内で
function new_win1(){
window.open("index2.html","windowTitle","width=400,height=200")
}
としてindex2.htmlファイルを子windowに呼び出します。

index2.htmlにある各コンテンツを仮に、ニュース、ショップ、サービスの三つとすると、
<a href="f-news.html">ニュース</a>
<a href="f-shop.html">ショップ</a>
<a href="f-service.html">サービス</a>
のような感じでリンクを貼っておきます。

ニュースがクリックされた時のf-news.htmlの中見は
<frameset rows="20%,80%" frameborder="0" border="0" framespacing="0">
<frame src="menu.html" name="ue">
<frame src="news.html" name="sita">
</frameset>
としておきます。
menu.htmlファイルは全てで共有で使用します。
menu.htmlの中見は
<a href="news.html" target="sita">ニュース</a>
<a href="shop.html" target="sita">ショップ</a>
<a href="service.html" target="sita">サービス</a>
<a href="index2.html" target="_top">トップ</a>
最後のトップが上手く動作しない時は、_top を _parent に置き換えてみてください。
news.html は表示したい内容を普通に記述してくれればｏｋです。

同様にショップがクリックされた時のf-shop.htmlの中見は
<frameset rows="20%,80%" frameborder="0" border="0" framespacing="0">
<frame src="menu.html" name="ue">
<frame src="shop.html" name="sita">
</frameset>
としておきます。
menu.htmlは上記の物をそのまま使用します。
shop.htmlは表示した内容を普通に記述すればｏｋです。

同様にサービスがクリックされた時のf-service.htmlの中見は
<frameset rows="20%,80%" frameborder="0" border="0" framespacing="0">
<frame src="menu.html" name="ue">
<frame src="servive.html" name="sita">
</frameset>
としておきます。
menu.htmlは上記の物をそのまま使用します。
service.htmlは表示した内容を普通に記述すればｏｋです。

こんな感じで、希望の動作はするのではないかと思います。

参考urlのサイトは実際にはもっと高度な事をしているのですが、前述の簡単な方法でもご希望の動作をさせることは可能です。
ページの遷移がややこしいような気がしますが、落ち着いて何処からどのファイルが呼ばれているのかじっくり考えれば、そんな難しい事でもないですよ。

では頑張ってくださいね。

ではでは～☆彡

お礼

とても分かりやすい説明、ありがとうございます！
実は希望内容とそっくりなサイトを発見したはいいけど、ソースを見てもサッパリで参っていました。
「質問したけど、答えてもらった内容が分からなくてウンザリさせちゃうかも」って（笑）

このやり方なら、なんとかできそうです。
色々な仕組みを熟知すれば、こうして発想の転換で応用できるのですね。改めて感じました。

この機会に、もっと沢山勉強してみたくなりました。
本当に、何度もありがとうございました！！