• ベストアンサー

フレームのことなんですが

説明しにくいので、もしわかりにくければ下記のソースを参考に ご回答いただけるとありがたいです(4つ有効なリンクが貼ってあります)。 四分割のフレームをつくりました。 その内の一つにyahoo.co.jpを設定してあります。 そのyahooの右側の「個人ツール」の箇所だけ 焦点をあてて表示させる方法はありませんか? 一目でメールチェックができるようにしたいので。 なお、HP作成ではなく、まったくのローカルで使うものです。 <HTML> <HEAD> <TITLE>LINK</TITLE> </HEAD> <FRAMESET COLS="50%,50%"> <FRAMESET ROWS="42%,58%"> <FRAME SRC="http://www.google.co.jp" NAME="google" SCROLLING="auto" > <FRAME SRC="http://www.goo.ne.jp" NAME="goo" SCROLLING="auto" > </FRAMESET> <FRAMESET ROWS="73%,27%"> <FRAME SRC="http://www.yahoo.co.jp" NAME="yahoo" SCROLLING="auto" > <FRAME SRC="http://www.infoseek.jp" NAME="infoseek" SCROLLING="auto" > </FRAMESET> <NOFRAMES> <BODY> 本ページはフレームで構成されております。<BR> フレーム未対応のブラウザでは表示できませんのでご了承ください。</BODY> </NOFRAMES> </FRAMESET> </HTML>

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

  • ベストアンサー
  • laputart
  • ベストアンサー率34% (288/843)
回答No.1

例えば<frame set cols="50%,50">の上に 以下のタグを追加します。 --------------------- <frameset rows="10%,*"> <frame name="header" scrolling="no" noresize target="main" src="link1.html"> --------------------- ■Link1.htmlは別に作ります(BODYの中だけ) --------------------- <table cellSpacing="0" cellPadding="3" width="100%"> <tbody> <td class="spacer" align="middle"><small><nobr> <a href="http://www.yahoo.co.jp/r/ma"> <img alt="Yahoo!メール" src="http://img.yahoo.co.jp/images/top/newml_sm.gif" align="textTop" border="0"></a> <a href="http://mail.yahoo.co.jp/"> <font color="#0000ff">メール</font></a></nobr> - <nobr><font color="#000000">新着メッセージ</font> <a href="http://www.yahoo.co.jp/r/cl"><br> カレンダー</a></nobr> - <nobr><a href="http://www.yahoo.co.jp/r/as">アドレス帳</a></nobr> - <nobr><a href="http://www.yahoo.co.jp/r/bk">ブックマーク</a></nobr><br> <nobr><a href="http://www.yahoo.co.jp/r/bc">ブリーフケース</a></nobr> - <nobr><a href="http://www.yahoo.co.jp/r/np">メモ帳</a></nobr></small></td> </tbody> </table> ---------------------

nes_
質問者

お礼

お礼が遅くなりましてすみません。 なるほど、そのようにすればいいんですか… 満足です。ありがとうございました。

すると、全ての回答が全文表示されます。

その他の回答 (1)

  • Joh_Taka
  • ベストアンサー率76% (222/292)
回答No.2

>yahooの右側の「個人ツール」の箇所だけ焦点をあてて >表示させる方法はありませんか? 自分のサイト内のファイルに対しては、ページの一部にアンカーを設定して、その部分だけピンポイントで表示させることは可能ですが、さすがにYahoo!さんのサイトでは、こちらから手を加える訳にはいきませんので、正攻法(?)では無理と思われます。 ですが、#1さんのご回答のように、擬似的に「個人ツール」のみのページを作ってしまって、「LINK」ページから呼び出すようにすることで、目的は果たせると思います。 私の方としは、ポップアップ・ウインドウでの表示例を記述しておきます。 *ブラウザの設定でポップアップ・ウインドウを禁止しているのでしたら、使用出来ません。 その場合は#1さんの方法通り、FrameSetにFrameを追加してリンクさせるようにしてください。 その際、個人ツールの「メール」「カレンダー」「アドレス帳」等、リンク元の各部分のHTMLにtarget="_blank"を加えて、リンク先がFrameを解除した新しいページで開かれるようにした方が良いと思います。 「link.html」と「kojin_tool.html」の2枚のファイルが必要となります。 link.htmlファイルの記述例(5秒後に「個人ツール」ウインドウをポップアップ表示)・・・ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN"> <html> <head> <title>LINK</title> <script type="text/javascript"> <!-- function popup() { window.open("kojin_tool.html","","toolbar=no,lacation=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,close=yes,width=226,height=58"); } setTimeout("popup()",5000); //--> </script> </head> <frameset cols="50%,50%"> <frameset rows="42%,58%"> <frame name="google" src="http://www.google.co.jp"> <frame name="goo" src="http://www.goo.ne.jp"> </frameset> <frameset rows="73%,27%"> <frame name="yahoo" src="http://www.yahoo.co.jp"> <frame name="infoseek" src="http://www.infoseek.jp"> </frameset> <noframes> <body> </body> </noframes> </frameset> </html> フレーム内の各ページが読み込まれる前にポップアップウインドウが出てしまうと、ポップアップウインドウが非アクティブとなり、フレームページの下に隠れてしまうのを防止するため、表示を5秒間遅らせています。 通信環境によっては、 <head> ~ </head>の間にある setTimeout("popup()",5000); の5000を増減させて、ストレスを感じさせない速度で、正常に前面に表示される数値(時間)に替えてみてください。 kojin_tool.htmlの記述例(link.htmlが呼び出すファイルです。) <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="content-type" content="text/html;charset=shift_jis"> <title>Untitled Page</title> </head> <body bgcolor="#ffffff" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0"> <table width="226" border="0" cellspacing="0" cellpadding="0" height="78"> <tr height="22"> <td width="226" height="22"> <table width="226" border="0" cellspacing="0" cellpadding="0" height="20"> <tr height="22"> <td bgcolor="#4d99e5" width="130" height="22"><b><font color=#ffffff><small> 個人ツール</small></font></b></td> <td width="96" height="22"> <table width="96" border="0" cellspacing="0" cellpadding="0" height="20"> <tr height="20"> <td width="96" height="20"> <table width="96" border="0" cellspacing="0" cellpadding="0" height="20"> <tr height="20"> <td width="12" height="20"><img src="http://img.yahoo.co.jp/images/rb.gif" alt="個人ツール" height="20" width=12></td> <td width="84" height="20" align="right"> <small><a href="http://www.yahoo.co.jp/r/l1 "target="_blank">ログイン</a></small> </td> </tr> </table> </td> </tr> <tr height="2"> <td bgcolor="4d99e5" width="96" height="2"></td> </tr> </table> </td> </tr> </table> </td> </tr> <tr height="56"> <td align="center" valign="middle" width="226" height="56"> <table bgcolor="#4d99e5" width="225" height="56" border="0" cellspacing="0" cellpadding="0"> <tr> <td align="center" valign="middle"> <table bgcolor="#e5f6ff" width="223" height="54" border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div align="center"><small><nobr><a href="http://www.yahoo.co.jp/r/ma" target="_blank"><img src="http://img.yahoo.co.jp/images/top/mail1.gif" alt="Yahoo!メール" align=texttop border=0><font color=#0000ff>メール</font></a></nobr> <nobr><a href="http://www.yahoo.co.jp/r/cl" target="_blank"><br>カレンダー</a></nobr> - <nobr><a href="http://www.yahoo.co.jp/r/as" target="_blank">アドレス帳</a></nobr> - <nobr><a href="http://www.yahoo.co.jp/r/bk" target="_blank">ブックマーク</a></nobr> <br> <nobr><a href="http://www.yahoo.co.jp/r/bc" target="_blank">ブリーフケース</a></nobr> - <nobr><a href="http://www.yahoo.co.jp/r/np" target="_blank">メモ帳</a></nobr></small> </div> </td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html> ご期待される内容の回答では無いかもしれませんが、その際はご容赦下さい・・・。

nes_
質問者

お礼

お礼が遅くなりましてすみません。 ポップアップなんて考えもしませんでした。 できました。すばらしいアイディアです。 ありがとうございました。

すると、全ての回答が全文表示されます。

関連するQ&A