別ウィンドウでスクロールバーを表示させる方法

2023/10/23 09:26

このQ&Aのポイント

別ウィンドウでスクロールバーを表示させるための方法を解説します。
サンプルソースにスクロールバーを追加する方法について説明します。
画面中央に別ウィンドウを開くためのソースコードにスクロールバーを追加する方法をご紹介します。

ベストアンサー

別ウィンドウでスクロールバーを表示させる

2012/04/09 10:17

画面中央位置に別ウィンドウを開くまでは上手くいったのですがスクロールバーを表示させることができません・・・。こちらのソースにスクロールバーを表示させるソースを加えたいのですがどうしたらいいでしょうか・・。知識があまり無いのにサンプルを拾ってきて応用しましたのでわかりません・・。初歩的な質問ですみません・・・・ <script type="text/javascript"> function popWin1() { var popW = 521; var popH = 690; window.open('/html/page72.html', 'pop', 'width='+popW+',height='+popH+',top='+((screen.height-popH)/2)+',left='+((screen.width-popW)/2)); } </script>

cocoaki
お礼率65% (17/26)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

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

ベストアンサー

LancerVII
ベストアンサー率51% (1060/2054)

2012/04/09 10:25 回答No.1

こんにちは。 window.open('/html/page72.html', 'pop', 'scrollbars=yes,width='+popW+',height='+popH+',top='+((screen.height-popH)/2)+',left='+((screen.width-popW)/2)); とすれば良いと思います。 scrollbars=yesを追加しています。

質問者

お礼 2012/04/09 10:30

出ました！！！お恥ずかしながら試行錯誤して出来なかったので感動です・・・・！迅速な回答ありがとうございました・・・！

関連する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
小ウインドウのスクロールバー
小さいウインドウを出してメニューを作ろうと思っていますそこで、早速作ってみたところ、小さいウインドウにはスクロールバーがありませんでした小ウインドウには、スクロールバーは表示できないのでしょうか？表示させる方法がありましたら、教えて下さいちなみに、小ウインドウは下記のようにしています <SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
- ベストアンサー
- JavaScript
Javascriptで開いたWindowのスクロール
<SCRIPT language="JavaScript"></SCRIPT> <SCRIPT language="JavaScript"></SCRIPT> 上記の文で、「送料について」はスクロールバーがなくてＯＫなのですが、「通信販売法」は、スクロールバーを出したいのですが、上の文では、スクロールバーは出てきません。（表示サイズで途切れてしまう）どう直せば、スクロールバーが出てきますでしょうか？？
- ベストアンサー
- JavaScript
小ウィンドウにスクロールバーを表示したい
<SCRIPT language="JavaScript">  </SCRIPT> ・・・・・ <A onclick="_HpbJumpURLinNewWindow('*****.htm');" href="#"> というような形で、小窓が開くような設定にしているのですが、この小窓の縦にスクロールバーを付けて、縦に無制限に文字を書けるようにしたいのですが、その方法を教えて下さい。ホームページビルダー８　Windows XP　を使用しています。よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
これだとスクロールバーはつけれないの??
<a href="aaa.html" target="_blank" onClick="window.open('aaa.html','','width=400,height=470');return(false)" style="text-decoration:underline;">リンク</a> これで出てきた小さな新窓にスクロールバーはつけれないのですか?? つけれるのならばそのHTMLを教えてください^^
- ベストアンサー
- その他([技術者向] コンピューター)
リンク先の別ウインドウをスクロールバー付きの小窓にしたい
HP製作中です。リンク先を小さめサイズの別ウインドウで開き、縦横にスクロールバーをつけたいのですが、 window.open(url, '_blank','width=600,height=600,left=100,top=10,screenX=100,screenY=10,scrollbars=yes'); と、数字は適当に入れて試してみましたがエラーになるのです。どこがいけないのでしょうか？ちなみにホームページビルダーにて製作しております。
- ベストアンサー
- その他（インターネット・Webサービス）
中央に、アドレスバー表示した別窓を表示
別窓を中央に開くため、次のものを用意したのですが、その別窓にアドレスバーを表示させたいのです。どこをどうしたらよいのでしょうか。 locationってのをどこかに書き込めば良いのかと思っていろいろやってみておりますが、うまくいきません。ぜひご教授ください。 ↓現在、用意したもの <head> <SCRIPT language="javascript"> var win = null; function NewWindow(mypage,myname,w,h,scroll){ LeftPosition = (screen.width) ? (screen.width-w)/2 : 0; TopPosition = (screen.height) ? (screen.height-h)/2 : 0; settings = 'height='+h+',width='+w+',top='+TopPosition+',left='+LeftPosition+',scrollbars='+scroll+',resizable' win = window.open(mypage,myname,settings) } </SCRIPT> </head> <body> <a href="demo.html" onclick="NewWindow(this.href,'myname','450','375','no' );return false">[こちら]</A> </body>
- ベストアンサー
- JavaScript
CSSだけで、テーブルにスクロールバーを表示させたいのですが…
CSSを使い、テーブルにスクロールバーを表示させたいのですが <div style="height:60px; width:300px; overflow-y:scroll;"> <table border=1 width=300> : </table> </div> 上記の方法だと確かにスクロールバーは表示されるのですが、出来ればDIVを使わずに、作っておいたCSSを適用するだけで、テーブルにスクロールバーを表示させることは可能でしょうか？出来れば、スクロールバーの色を変更して、横(X軸)のスクロールバーも消したいのですが… CSSで .scroll { overflow: scroll; visibility: visible; height: 100px; width: 140px; } とやってみたのですが、どうしてもスクロールバーが表示されません。何が足りないのか、もしくは根本から間違っているのかがわかりません。ご存知の方教えて下さい。
- ベストアンサー
- HTML
ポップアップブロック付きのブラウザ（IE8)で、window.open
ポップアップブロック付きのブラウザ（IE8)で、window.openをつかって小窓を二つ出したい。表題の通り、ポップアップブロックに引っかかってしまい、2つの小窓が出せません。現状は、1つだけ小窓が立ち上がる状態です。理想のタイミングは、エンターページをクリックすると、window.openが実行され 2つの小窓が立ち上がるというのが理想です。以下に現在のスクリプトをコピペ致します。 <script language="JavaScript"> moveTo(0,0); resizeTo(screen.width,screen.height); var g_pop01; var g_pop02; function open_pop(){ var w_Width1 = 280 var w_Width2 = 567 var w_Height1 = 540 var w_Height2 = 540 var w_space = 22 var x1 = (screen.availWidth - w_Width1 - w_Width2 - w_space)/2; var x2 = x1 + w_Width1 + w_space var y1 = (screen.availHeight - w_Height1)/2; var y2 = (screen.availHeight - w_Height2)/2; g_pop01 = window.open("left2.swf?nowX="+x1+"&nowY="+y1,"flash_pop1",'toolbar=0,menubar=0,scrollbars=no,resizable=no,width='+w_Width1+',height='+w_Height1+',left='+x1+',top='+y1); g_pop02 = window.open("right2.swf?nowX="+x2+"&nowY="+y2+"&guideX="+x1+"&guideY="+y1,"flash_pop2",'toolbar=0,menubar=0,scrollbars=no,resizable=no,width='+w_Width2+',height='+w_Height2+',left='+x2+',top='+y2); } </script> </head> <body topmargin=0 leftmargin=0 marginwidth=0 marginheight=0 scroll="no" bgcolor="#000000"> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <form name="frm2"> <input type="Hidden" name="fov" value="0"> </form> <tr> <td align="center" valign="middle"> <table width="484" height="260" border="0"> <tr> <td><img src="img/logo_484x260_2.png" border="0" usemap="#Map" LANGUAGE=javascript onClick="open_pop()"> <map name="Map"> <area shape="rect" coords="4,2,480,254" href="index.html"> </map></td> </tr> </table> </td> </tr> </table> </body> </html>
- ベストアンサー
- JavaScript
ポップアップウィンドウを画面中央に配置+複数リンクを同じウインドウに表示させたい
過去にあった複数のイベント等の写真をスライドショーで紹介するページを作成中です。ひとつのページ上に複数リンクがあって、それぞれクリックするとポップアプウィンドウが画面中央で開くようにすることはできました。（下記参照） <script type="text/javascript"> </script> body内 <a href="link_page.htm"onclick="win(this.href,null,600,430); return false;"><img src="image.gif" width="123" height="18" /></a></td> ただ複数あるリンクをクリックすると、ポップアップウィンドウも次々増えてしまうのを、常にひとつのウインドウ上に表示させることができません。どうぞご指南よろしくお願いします！
- ベストアンサー
- JavaScript