• ベストアンサー

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

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

  • HTML
  • 回答数6
  • ありがとう数3

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

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

#5のかたの回答でいいかなと思いますが、知識整理もかねて。 1)最初のページから、別窓でサイトマップを開くリンク。 <A href="#" onclick="window.open('http://●●●','_blank','width=600,height=500,scrollbars=yes');">サイトマップ</A> ※javascriptのwindow.openを使う場合、ウィンドウ名は二つ目の''の中で指定します（この場合だと「_blank」になります）ので、このタグにtarget="_parent"は必要ありません。 2)別窓に表示したサイトマップから、元のウィンドウにファッションページを開くリンク。 <A href="#" onclick="window.opener.location.href='ファッションページのアドレス'">ファッションページを開く</A> ※location.hrefは、新たなページを開くのではなく、すでに開いているウィンドウの表次ページを変更するのに使います。 locationの前にwindowを指定してやると、そのwindowの表示ページが変わります。 window.openerというのは、このタグ（スクリプト）を書いているウィンドウを開いてくれたウィンドウを指します。 1)で最初のページからサイトマップを開いていて、そのサイトマップ内にこのタグを書くわけですから、この場合では、window.openerは最初のページになるわけです。 試してみて、うまくできなかったら、またご相談ください。 その場合には、「サイトマップを開くリンク」と「ファッションページを開くリンク」のソースを書いていただけると、アドバイスしやすいと思います。

milky88
質問者

お礼

めちゃくちゃ感激です！！ できました♪♪　しかもすっごくわかり易く書いて頂いたので、そのままコピペできたのでとても助かりました。 なんとお礼を言ったらいいかわからないぐらい嬉しいです(*^‐^*) 本当に本当に有難うございました！ 詳しいの・・・尊敬します。と、ともに自分ももっと勉強して頑張って行きたいと思います♪有難うございましたｍ(．．)ｍペコ

その他の回答 (5)

  • himacchi
  • ベストアンサー率37% (3/8)
回答No.5

再度、＃３のｈｉｍａｃｃｈｉですが 　＃２＿回答、flowermazeさんのやりかたで正解でした。私の言った方法では元のウインドウを開きませんでした。 皆様に、返って混乱させてしまい、申し訳ありません。m(_ _)m コントロールする小窓のボディー部に↓ &lt;A href = "./index.html" onClick = 'window.opener.location.href = "./index.html";return false'&gt;ＩＮＤＥＸ&lt;/A&gt; &lt;A href = "./bbb.html" onClick = 'window.opener.location.href = "./bbb.html";return false'&gt;ＢＢＢ&lt;/A&gt; &lt;A href = "#" onClick = 'window.opener.location.href = "./ccc.html";'&gt;ＣＣＣ&lt;/A&gt; 上２行と、３行目は、びみょうに文が違いますが動作は全く同じものとなります。 解決済みになっていれば、良いのですが、、。(汗;) 参考ＵＲＬはＨＰ作成支援サイトですが、テーブルタグ他、参考になると思います。

参考URL：
http://www002.upp.so-net.ne.jp/littledear/
milky88
質問者

お礼

こんな無知の私にとても親切に教えてくださって、本当に有難うございます(*^‐^*) もう感激で、皆さんに良回答つけられないのが残念なぐらい、とても有難く、心温まり、自分も勉強していきたいと思いました♪ 本当に有難うございましたｍ(．．)ｍペコ

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.4

＃２の方の方法で問題なくできました。 多分なにか勘違いされているのではないかと思います。 そうでなければ、 質問文が、意図と異なっているのではないかと思います。

milky88
質問者

お礼

再度回答有難うございます。 無知なので入れるタグが違ってたのかもしれませんね^ ^ ; 無事、出来ることができたのも皆さんのお陰です♪ 有難うございました。

  • himacchi
  • ベストアンサー率37% (3/8)
回答No.3

スクロールは、scrolling="auto"　という自動で表示されるものもありますよ。 また、別窓のｈｅａｄ部にベースターゲットを指定します。 下の説明では、そのページ中にあるリンクをクリックすると、abc.html という名前のウィンドウ（またはフレーム）に表示されます。 －－－－－ <html> <head> <title>タイトル</title> <base target="http://www.abc/abc.html"> </head> <body> <a href="aaa.html">AAA</a> <a href="bbb.html">BBB</a> </body> </html> －－－－－ または、ボディー部の<a href="">に「target="_parent"」と、親フレームを開く指定をする簡単な方法も、、。 試してみて結果が良いほうを使ってみてね～。

milky88
質問者

補足

回答有難うございます♪ 試してみたのですが、できないです；； 変化が無いというか・・・^ ^ ; また、下のボディー部のってアドバイスのtarget="_parentも試してみたのですが、指定した別窓の中で開いてしまうのでこれも出来なかったです；； 一番下の回答の方のNO.1の補足に自分なりに詳しく補足入れておきましたが、要は 1.現在開いているページにある『サイトマップ(これが枠の大きさを指定した別窓として開く)』を押す。 2.指定した小さい大きさのサイトマップが別窓で立ち上がる。 3.サイトマップの中のファッションページのリンクを押してみる。 4.するとまた普通の大きさの別窓が開き、ファッションページが開く。 　　　↓　↓　↓　(要はこれを変えたいのです) 4.のファッションページは、最初の１のページに開いて欲しいのです。 常に大きさ指定のサイトマップは開かれていて、その中のリンクを押すたびに元のページに開かれるという感じ。 また、この元のページは決まっていません。 サイトマップは全ページにリンクを置いているので、トップや、ペットのページやあらゆる所が元のページになる場合があります。 意味わかりますでしょうか；； ちょっと高度なんでしょうかね・・・ 無知な私がやるのが無謀なのかも？！ もし、お分かりのようでしたら、またお願い致します。 お手数おかけして申し訳ありませんｍ(．．)ｍ

回答No.2

＞リンクをこの別窓の文章に作成すると、別窓の中で開いてしまうじゃないですか。 ＞それってtargetで他に開くしか方法はないのでしょうか？ ＞元の所に開かせることは出来ないですよね？ 元の所に、というのは、 １）ページAのリンクをクリックして別窓ページBを開く ２）ページBのリンクをクリックしてページAに表示する ということでしょうか。 でしたら、 <A href="#" onclick="window.opener.location.href='リンク先のアドレス'">リンク先をページAに表示</A> とやればできますよ。

milky88
質問者

補足

回答有難うございます♪ せっかく教えてくださったのに出来ないでいます；； 補足は下の回答のNO.1の方のところに記入しましたので、もしお分かりになるようでしたら再度宜しくお願い致しますｍ(．．)ｍペコ 本当にどうもスミマセン；；

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

'width=500,height=700' の部分を 'width=500,height=700,scrollbars=yes' にすればいいんじゃないかと思います。 >元の所に開かせる <A href="#" onclick="location.href=http://other.html">別窓の文章</A>

milky88
質問者

補足

回答有難うございましたｍ(．．)ｍペコ でもどの方のやってみても出来ないんですo(´□｀*)o 本当に無知でスミマセン；； 今貼ってあるリンクタグが <A href="#" onclick="window.open('http://●●●','_blank','width=600,height=500,scrollbars=yes');" target="_parent">サイトマップ</A> これなんですが、押せばサイトマップが指定した枠の別窓で立ち上がり、そのサイトマップから例えばファッションを押すと普通に別窓でまたファッションが開くという形をとっています。 これを、指定した枠の別窓が基本になって、そこからリンクを押すと新たに別窓が開いていくとデスクトップがページだらけになるので、サイトマップからは常に一番元のページに表示させたいのです。 (説明が難しい；；) ちなみに元のページは各数ページにわたりサイトマップを載せているので、元のページのアドレスはひとつではありません。 あぁ；；　意味わかるでしょうか？！ｍ(．．)ｍ すみませんです。

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

関連するQ&A

  • 別ウインドウ：スクロールバーが表示されない？

    <a href="#" onClick="window.open('http://xxx.html','_blank','width=300,height=300,left='+(window.screen.width-300)/2+',top='+(window.screen.height-300)/2);">リンク</a> 上記のリンクタグで、別窓表示をしているのですが、閲覧者から『スクロールバーが表示されないので、最後まで見れない』と指摘されました。 当方の環境（Mac9.2/IE5.2）では問題なく表示（スクロールが必要な時はバーが表示されます）しています。指摘をされた方の環境が判らず（匿名での指摘でしたので）、もしかしてWin全般ではそうなってしまうのでしょうか？ 正常に別窓で開き、必要であればスクロールバーを表示されるようにしたいです。サンプルタグを教えて頂けると助かります。

    • ベストアンサー
    • HTML
  • これだとスクロールバーはつけれないの??

    <a href="aaa.html" target="_blank" onClick="window.open('aaa.html','','width=400,height=470');return(false)" style="text-decoration:underline;">リンク</a> これで出てきた小さな新窓にスクロールバーはつけれないのですか?? つけれるのならばそのHTMLを教えてください^^

  • 別ウインドウについて教えてください。

    ホームページ作成の初心者です。 会社名をクリックすると別ウインドウが開いて、その会社の概要が表示されるようにしたいと思っています。 縦に長くなるので、横の幅を固定し、縦方向にだけスクロールさせたいと思います。 <a href="/XXXX.html" onclick="window.open('XXXX.html','_blank','width=900,height=1200'); return false;">ＸＸＸ</a> のように指定すると、横＝９００ピクセル、縦＝１２００ピクセルに固定されていましますよね？ かといって、height=1200を省略してしまうとwidth=900の指定も無効になってしまいます。 どうすれば、横幅のみ固定にできるのでしょうか？ 具体的にタグを書いていただけると助かります。

  • リンクを別窓で開くと、親ページが頭に戻ってしまいます。

    ホームページ製作でリンクをクリックすると別窓が開くようにしています。 ページの真ん中や下の方にあるリンクをクリックして別窓を開くと 親ページが先頭まで戻ってしまうのですが、これをリンクをクリックした 位置に止めておく方法は無いでしょうか？ 因みに、別窓を開いているソースは下記です。 ご指導どうぞ宜しくお願い致します。 <a href="#" onclick="window.open('http://www.****.****.***','_blank','width=400,height=300')"> <IMG SRC="http://www.****.****.***.jpg" alt="" border=0></a>

  • 別窓で画像を表示する場合に余白が…

    大量に画像を扱って居るのですが、タイトルをクリックすると、別窓でそれぞれの画像が開く様にしています。 サイズは2種類、800*600と1024*768のがあります。 それを↓下のようなscriptで行っていますが、どちらのサイズの窓(画像)も、画像の左と上に余白が少し出て、右と下が切れてしまいます。何処が間違っているのでしょうか？　どうすれば、窓のぎりぎり一杯に画像を表示する事ができるでしょうか？ どうか、教えて下さい。 ↓ <table width="80%"> <tr> <td> <a href="#" onClick="window.open('../xxx/yyy.jpg','','width=1024,height=768')">グラデーション<font size="1">1024x768</font></a> </td> </tr> <tr> <td> <a href="#" onClick="window.open('../xxx/zzz.jpg','','width=800,height=600')">グラデーション<font size="1">800x600</font></a> </td> </tr> </table> (xxx.yyy.zzzは仮の文字です)

  • 小窓にスクロール

    index.htmlとindex2.htmlの二つのページを作りました indexの方には複数の項目（例１・２・３）をつくって その全ての項目（１２３）が index2に飛ぶようにリンクを貼りました。 index2のページは各項目の内容をひとまとめに してあるため、ページが縦に長くて １のリンクを押したら別窓（index2）が ひらいて別窓の一行目に１の項目が　 ２を押したらまた別窓（index2）が開いて 一行目に２の項目がくるようにと リンク先にラベルを付けてます そこで今 <A href="index2.html#1" onclick="window.open(this.href,'WindowName',' width=500,height=200');return false;">１</a> というタグを使ってリンクを貼っているのですが このままだとスクロールバーが表示されません。 どうしたら表示できるんでしょうか アドバイスお願いします。

    • ベストアンサー
    • HTML
  • 別窓を開くプログラムについて

    はじめまして。初めての投稿の者です。 今回、ご相談の件ですが、 現在、webを制作してて、サムネイル（画像）をクリックすると別窓が開いて画像を大きく表示させるという風に作っています。 <script language="javascript"> <!-- function open_window(spass){window.open(spass,"flow","scrollbars=1,resizable=0,width=1000,height=760,left=0,top=0")} --> </script> ～～～中略～～～ <body> <a href="javascript:open_window('ファイル名.html')"><img src="画像のファイル名" width="250" height="150" alt="---"></a> ～～～中略～～～ この方法の場合、大きく表示させる画像のサイズによっては別窓に表示させたとき、ウィンドウに余白ができてしまいます。 width=1000,height=760の部分を無くして、なお且つ別窓に表示させたときの画像の周辺に余白が無いように・・と、色々とjavascriptに関するサイトや講座を拝見して調べてみましたが希望のような事が有りませんでした。 また、<a href="javascript:open_window('ファイル名.html')">・・ の箇所を、 open_window('大きく表示する画像のファイル名.jpg')・・ としても、ダメでした。 何がしたいかと申し上げますと、（別窓：ウィンドウに）大きく表示させる画像の周辺に余白が発生させないよう、ピッタリと収めさせる別窓にしたいです。【マージンによる多少の余白は可】 ※画像（写真）サイズに合わせて別窓も、そのサイズに開くと言えばお分かりでしょうか？ 技術者の方・経験者の方からアドバイス等ご教授戴けたら・・と思いますので、宜しくお願いします。

  • javaでサムネイルをクリックして別窓で表示したいのですが…

    はじめまして！たつやです。 現在ＯＳはＸＰでビルダー９を利用して画像アルバムのホームページを作成してますが、サムネイルと元画像はhtmlファイルとして用意し、それぞれのサムネイルをクリックするとタイトルバーなどが無い別画面で表示したいと考えております。別画面はクリックした画像の数だけ開くようにしたいとも考えています。 ヘッド部には <script Language="JavaScript"><!-- function nwin1(){ sub=window.open("jpeg/001.html","subwin1","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} function nwin2(){ sub=window.open("jpeg/002.html","subwin2","width=480,height=360,scrollbars=no,location=no,menubar=no,left=10,top=30");} } // --></script> と記入して、ボディー部には <A href="jpeg/001.html" onclick="nwin1()"><IMG src="jpeg/s001.jpg" width="90" height="68" border="0"></A> <A href="jpeg/002.html" onclick="nwin2()"><IMG src="jpeg/s002.jpg" width="90" height="68" border="0"></A> と記載下のですが、ｕｐすると、 auto；blank　と出てうまくいきません。 どのように対処すればよいでしょうか？ 取り急ぎご回答をお待ちしています。

  • 小ウィンドウにスクロールバーを表示したい

    <SCRIPT language="JavaScript"> <!--HPB_SCRIPT_CODE_40 function _HpbJumpURLinNewWindow(url) { if (url != '') { window.open(url, '_blank',"width=360,height=350"); } } //--> </SCRIPT> ・・・・・ <A onclick="_HpbJumpURLinNewWindow('*****.htm');" href="#"> というような形で、 小窓が開くような設定にしているのですが、 この小窓の縦にスクロールバーを付けて、 縦に無制限に文字を書けるようにしたいのですが、 その方法を教えて下さい。 ホームページビルダー８　Windows XP　を使用しています。 よろしくお願いします。

  • 別窓リンクの問題点は？

    画像リンクによる別窓表示で下記の一行のみのソースをリンクとして別窓表示しています。この方法でのデメリットはありますでしょうか？ -------------------------------------------------------------- <body> <a href="javascript:void window.open('test.html',null,'height=450,width=300,menubar=no,toolbar=no,scrollbars=no');"><img src="test.gif"></a> </body> -------------------------------------------------------------- サイト検索で見かける別窓表示のソース↓ <head> <script language="JavaScript"> function openWindow(i) { window.open("sample" + i + ".html","","width=700, height=600"); } </script> </head> <body> <a href="javascript:openWindow('1')">sample1.html</a><br /> </body> これとの比較したときの問題は？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する