• ベストアンサー

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

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

noname#205963
noname#205963

質問者が選んだベストアンサー

  • ベストアンサー
回答No.5

すみません間違えました。 再投稿します。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のサイトは実際にはもっと高度な事をしているのですが、前述の簡単な方法でもご希望の動作をさせることは可能です。 ページの遷移がややこしいような気がしますが、落ち着いて何処からどのファイルが呼ばれているのかじっくり考えれば、そんな難しい事でもないですよ。 では頑張ってくださいね。 ではでは～☆彡

noname#205963
質問者

お礼

とても分かりやすい説明、ありがとうございます！ 実は希望内容とそっくりなサイトを発見したはいいけど、ソースを見てもサッパリで参っていました。 「質問したけど、答えてもらった内容が分からなくてウンザリさせちゃうかも」って（笑） このやり方なら、なんとかできそうです。 色々な仕組みを熟知すれば、こうして発想の転換で応用できるのですね。改めて感じました。 この機会に、もっと沢山勉強してみたくなりました。 本当に、何度もありがとうございました！！

その他の回答 (4)

回答No.4

こんにちは、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="f-news.html" target="sita">ニュース</a> <a href="f-shop.html" target="sita">ショップ</a> <a href="f-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のサイトは実際にはもっと高度な事をしているのですが、前述の簡単な方法でもご希望の動作をさせることは可能です。 ページの遷移がややこしいような気がしますが、落ち着いて何処からどのファイルが呼ばれているのかじっくり考えれば、そんな難しい事でもないですよ。 では頑張ってくださいね。 ではでは～☆彡

  • sanetaka
  • ベストアンサー率47% (16/34)
回答No.3

失礼します。HTMLタグで簡単にできます。 <head>内でベースターゲットを決めればOKです。 ↓例 <html> <head> <title>タイトル</title> <base target="imgwin"> </head> <body> <a href="aaa.gif">画像リンク１</a> <a href="bbb.gif">画像リンク２</a> </body> </html> 新しいウィンドウ「imgwin」にリンク先が表示されます。 ただし、すべてのリンク先がその別窓にでるので 別窓に出したくないリンクは <a href="aaa.html" target="_self">通常リンク</a> というふうに、リンクタグに「 target="_self"」を入れてみてください。

参考URL：
http://tohoho.wakusei.ne.jp/html/base.htm
noname#205963
質問者

お礼

ご回答ありがとうございます。 HTMLでも簡単にできるのですね！ ハナからJavaScriptと思っていたので驚きました。 しかし、沢山開きたくないのは、サイズ指定、フレーム定義された小窓なのです。 丁度わたしがしたい事ズバリ！なとこが見つかったので、URL記ます。 http://pfservice.co.jp/index.html

回答No.2

こんばんわぁ、Blackwinglsです。 前述のScriptにバグが出たので(^^;)、一部変更します。 なお、ちょっと仕様も変更しました(笑) nWin = "" function DispWindow(flag) { flag = flag + ".html" if(!nWin || nWin.closed) { nWin = window.open(flag,"","width=650,height=500") } else { nWin.location.href = flag } } で、お願します。 なお、何処らへんが不明なのでしょうか？ kiku125さんの function new_win1(){ window.open("news.html","","width=650,height=500"); } の部分を上記のScriptに置き換えればＯＫだと思います。 function　の上の部分の　nWin = ""　も忘れずに付けてくださいね。 <a href="#" onClick = "DispWindow(0)"><img src = "0.gif"></a><p> の部分は、DispWindow(0)　の　0　とか　1　とか　2　の部分を表示したいhtmlファイル名の . （ドット）の左側部分の名称にでも置き換えてください。例えば、news.htmlを別窓に表示したい時は、 <a href="#" onClick = "DispWindow(news)"><img src = "0.gif"></a><p> となります。 <img src = "0.gif">　の所は適当な文章に置き換えてもＯＫです。 作品Ｎｏ１　とか　作品Ｎｏ２　とかですね。 以上を踏まえて、 <a href="#" onClick = "DispWindow(sakuhin1)">作品Ｎｏ１</a><p> <a href="#" onClick = "DispWindow(sakuhin2)">作品Ｎｏ２</a><p> とされてもいいかと思います。 ではでは～☆彡

noname#205963
質問者

お礼

こんにちは。 昨夜はお返事待てずにすみませんでした。 教えて頂いた方法、試してみましたが開きません。。 置き換えは、ゆっくり見たら分かりました。昨夜はかなりせっぱ詰まってたので、すみません。 nWin = "" function DispWindow(flag) { flag = flag + ".html" if(!nWin || nWin.closed) { nWin = window.open(flag,"","width=650,height=500") } else { nWin.location.href = flag } } を、newwinの時の様に開きたいファイル数分繋げて良いのでしょうか？（やってみたけど×） 今までＨＰ制作ソフトで作っていてJavaScriptは検索首っ引きでここまで漕ぎ着けました。 やっぱり無理なのかなぁ？と、ちょっとヘコんできちゃいました。。

回答No.1

こんばんわぁ、Blackwinglsです。 以下のようなイメージでしょうか？ 開くWindowの大きさや、読込み先をhtmファイルに変更するなどして色々試してみてください。 ではでは～☆彡 <html> <head> <script language="JavaScript"> <!-- nWin = "" function DispWindow(flag) { flag = flag + ".gif" if(!nWin) { nWin = window.open(flag) } else { nWin.location.href = flag } } //--> </script> </head> <body> <a href="#" onClick = "DispWindow(0)"><img src = "0.gif"></a><p> <a href="#" onClick = "DispWindow(1)"><img src = "1.gif"></a><p> <a href="#" onClick = "DispWindow(2)"><img src = "2.gif"></a><p> <a href="#" onClick = "DispWindow(3)"><img src = "3.gif"></a><p> <a href="#" onClick = "DispWindow(4)"><img src = "4.gif"></a><p> </body> </html>

noname#205963
質問者

お礼

うわぁ、こんな時間にありがとうございます！ ...でも初心者なので分からないとこだらけです。。（その旨書けばヨカッタですね、すみません） 現在は function new_win1(){ window.open("news.html","","width=650,height=500"); } という感じで、これと同じのを４つ開く感じなんです。今度リニューする時は、もっと増えるので何とかしたいなぁと。 すみません、お時間有りましたら教えてください。 よろしくお願いします。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • 別窓を最大化で開きたい

    インターネットをやっていて別窓を開く時に 縮小版で開くようになってしまいました。 いちいち最大化で大きく表示し直すのが面倒で仕方がありません・・・。 別窓を開いた時に、最初から最大化で表示するには どうしたらいいのでしょうか？？ ちなみに、お気に入りを開く時などは 最初から最大化で表示されます。 どこかのＨＰから別リンクに飛んだ時のみ 縮小版が出てきてしまうんです・・・。 どこかで設定できないのでしょうか？ どなたかご存知の方が居ましたら、教えて下さい！

  • ホームページ作成、別窓について

    ただいまＨＰ作成中で、だいたいの形は見えてきました。 そこで困ったことがあります、私の家のＰＣでは別窓表示と指定した物がしっかりと別窓表示として現れるのですが、友達のＰＣだと なぜか別窓表示として現れません、ちなみに別窓の指定ソースは <base target="_blank"> といった感じの物を使っています、なにかアドバイスなどあればお願いします。

  • フレームで別窓

    只今テンプレートを使ってHPを作ってるんですが、（フレームです） 他のサイトのリンクを貼って別窓表示にちゃんとしてるんですが、別窓になりません。別窓表示のタグは間違ってないんですが、どうしてでしょうか？ 教えてください＞＜

  • 別窓にスクロールをつけるやり方は？

    XPでビルダーV8でＨＰを作成しています。 先程、別窓を開いて幅を指定したやり方を見て、これはいいと利用しようと思ったのですが <A href="#" onclick="window.open('info.html','_blank','width=500,height=700');">当サイトについて</A> これで出来たのですが、スクロールがないため 枠を指定しても入りきれないんです；； この別窓にスクロールをつける方法を教えてくださいｍ(．．)ｍペコ それが出来ればすっごく嬉しいんですが・・・ あと、もう一つ・・・ リンクをこの別窓の文章に作成すると、別窓の中で開いてしまうじゃないですか。 それってtargetで他に開くしか方法はないのでしょうか？ 元の所に開かせることは出来ないですよね？ わかりずらかったらごめんなさい。 宜しくお願い致します。

    • ベストアンサー
    • HTML
  • 別窓リンクが増えすぎないようにしたい

    いつもとてもお世話になっています。 Dreamweaver8でHP制作をしています。 リンクページを作っていて、リンク先には_blankで別窓が開くようにしたのですが、リンク先がいくつもあります。ユーザーがあるリンク先Ａを見て、そのブラウザを閉じてくれればいいですが、閉じずに別のリンク先Ｂを見た場合、どんどんウィンドウが増えてしまいますよね？ 私自身がそうなりがちで、それは嫌いなので、リンク先は元サイトとは別窓で開くが、ＡとＢは同じ窓で開くようにしたいと思いました。 そんなことは可能でしょうか？ お手数おかけしますが、ご存知の方がいらっしゃいましたらご教授ください！

  • ウィンドウサイズが別窓ではなく…

    リンクをクリックした後、 「表示中のウィンドウサイズを変えてリンク先に飛ぶ」 という事をするにはどうしたらいいでしょうか？ ウィンドウサイズを変更し、それを別窓で開く方法は知っているのですが、別窓は使用したくないのです。 方法とかあるでしょうか？ご存知の方教えて下さい！

  • 別窓が開きません

    よろしくお願いします。 WIN98,IE5.5SP2 を利用しています。 先ほど急に窓が開かなくなりました。 下に新しい窓が出ると、いままでは新しく出た窓のページが表示されてましたが、なぜか表示されません。 右クリックして「最大」を選ぶと開きます。 また窓を新しく出したときに、上のほうに 最大・最小・閉じるのアイコンが出ます。 これをクリックしても開きます。 しかし、とても不便でしかたが有りません。 昨日ノートンのアンチウィルスの体験版を入れたほかは、何もいじってません。 ただ、体験版入れた後も、先ほどまでは普通に動いてました。 ただ一つ、左下にあるIEのアイコンをクッリクした場合は、別窓が開きます。 直す方法があれば教えてください。 宜しくお願いします。

  • 別窓が小さくなってしまいました。

    急になってしまったのですが、 例えば、とあるサイトを見ていて、 リンク先をクリックすると、別窓が開く時ってありますよね。 普通なら、今開いているのと同じ大きさの窓が開くのに、 ４分の１ほどの大きさになってしまいました。 上の、最大化を押すと大きくなりますが、 その開いた別窓を閉じて、また他の窓を開くと、 やはり小さいです。 今までのとおり、大きい窓を開く方法って何かないのでしょうか？ 別に故障してる訳ではなさそうですが、 いちいち大きくしなければならないので不便で・・・。 なにかいい方法があれば教えて下さい。 宜しくお願いいたします。

  • 別窓(小窓)が出るように設定するには？（複数）

    いつもお世話になっています。 ＨＰ作成について、また教えていただきたいのですが、 リンクした先を別窓(小窓)で表示させようと思っています。 その設定を１つではなく複数するにはどうしたら良いですか？ 複数と言うのは1度にということではなく、リンク貼ってる場所が1ページ中に複数あり、全て小窓表示にしたいということなんですが…。 javaの表記で躓いています。 どなたか分かる方がいたら教えて下さい。 宜しくお願いします。

  • 別窓が一発で開かない

    ホームページのサイトからリンクをクイックすると別窓が表示されるはずが、タスクバーには、あるのですが、 画面に表示されなくなりました。とりあえず、タスクバーよりマウスを右クィックして最大化をクイックすると画面 に表示されます。対処方法がわからず困っています。 よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する