window.createPopupでスクロールバーを付けるには?

このQ&Aのポイント
  • window.createPopupを使用してスクロールバーを付ける方法
  • サンプルスクリプトを使用して小窓にスクロールバーを付ける方法
  • JavaScriptの書式を使ってスクロールバーを付ける方法
回答を見る
  • ベストアンサー

window.createPopUp でスクロールバーを付けるには?

次のようなサンプルスクリプトを http://www.openspc2.org/reibun/javascript/window/006/ から拝借して、 <script Language="JavaScript"><!-- function showPopup() { wOBJ = window.createPopup(); popOBJ = wOBJ.document.body; popOBJ.style.border = "solid blue 2px"; popOBJ.innerHTML = "サンプル"; wOBJ.show(-100,80,320,32,document.body); } // --></script> これに、さらに小窓にスクロールバーを付けたいのですが、JavaScriptの書式が分かりません。 どなたかお教え下さい。

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

  • ベストアンサー
noname#35109
noname#35109
回答No.1

<script Language="JavaScript"><!-- function showPopup() { wOBJ = window.createPopup(); popOBJ = wOBJ.document.body; popOBJ.style.border = "solid blue 2px"; popOBJ.innerHTML = "サンプルですですです<br>ですですですです"; //この行を追加↓ popOBJ.document.body.style.overflow = "scroll"; wOBJ.show(-100,80,320,32,document.body); } // --></script> ------------------------------- 上記,「この行を追加」部分の追加でスクロールバーは表示されます。 がががが, スクロールバーが出現した分,wOBJ.showで指定したサイズ内がせばまるので,スクロールバーの分を加算しておかなければ,変になります。 また,スクロールバーが不要であった場合,つまり,文字数が,スペースより少なかった場合,スクロールバーの部分を消す方法は研究しておりません。

関連するQ&A

  • Javascriptで開いたWindowのスクロール

    <SCRIPT language="JavaScript"><!-- function openWin2() { window.open("http://www.OOOO/hanbai.htm","通信販売法","width=636,height=250,menubar=no,location=no,left=10,top=30") } // --></SCRIPT> <SCRIPT language="JavaScript"><!-- function openWin1() { window.open("http://www.OOOO/souryou.htm","送料について","width=579,height=240,scrollbars=no,location=no,menubar=no,left=10,top=30") } // --></SCRIPT> 上記の文で、「送料について」はスクロールバーがなくて OKなのですが、 「通信販売法」は、スクロールバーを出したいのですが、 上の文では、スクロールバーは出てきません。 (表示サイズで途切れてしまう) どう直せば、スクロールバーが出てきますでしょうか??

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

    <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="#"> というような形で、 小窓が開くような設定にしているのですが、 この小窓の縦にスクロールバーを付けて、 縦に無制限に文字を書けるようにしたいのですが、 その方法を教えて下さい。 ホームページビルダー8 Windows XP を使用しています。 よろしくお願いします。

  • overflowを使ってのスクロール

    CSSのoverflowを使って、ページの一部をスクロールさせたいのですが 完全に下までスクロールができません。 具体的には以下のソースの"div2"をスクロールさせたく、overflowのauto を使っているのですが、一番下までスクロールができません。 どのようにしたらよいか、ご指摘お願いいたします。 HTMLのソースは以下の通りです。 このままコピペしてもらえば動作を確認してもらえると思います。 どうかよろしくお願いいたします。 <html> <head> <style type="text/css"> body { overflow: hidden; } div { border: 1px solid black; } #div2 { height: 100%; overflow: auto; } </style> </head> <body> <div id="div1"></div><br> <div id="div2"></div> </body> <script type="text/javascript"> var text = ""; for (var i=0; i<10; i++) text += "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>"; document.getElementById('div1').innerHTML = text; for (var i=0; i<150; i++) text += "aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa<br>"; document.getElementById('div2').innerHTML = 'BEGIN<br>' + text + 'END'; </script> </html>

    • ベストアンサー
    • CSS
  • マウスでページを横スクロールさせる方法

    縦方向にスクロールさせることはできましたが横スクロールの方法がどうしてもわかりません。 縦スクロールのやり方も下のスクリプトより簡素化できますでしょうか? <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function mScroll(){ scrollTo (0,(document.body.scrollHeight-document.body.clientHeight)*event.y/document.body.clientHeight); } </SCRIPT> </HEAD> <BODY onmousemove="mScroll()"> </BODY> </HTML>

  • スクロールの時間調節

    初めて投稿します。 よろしくお願いします。 下記のような ソースで テキストのスクロールをしようと思いますが スクロールの早さの調節をしたい場合どうしたらよいのでしょう? プログラムには詳しくないので すぐに使える状態で教えていただけませんか? <SCRIPT language=JavaScript> <!-- var count,max,timer function init(){ count=0 max=(document.all?document.body.scrollHeight:document.height?document.height:1000) autoScroll() } function autoScroll() { if(navigator.appVersion.charAt(0)>=3) { if(count<max) { window.scroll(0,count++); timer=setTimeout("autoScroll()",4); } } } //--> </SCRIPT> <BODY onload=init()>

  • 小ウインドウのスクロールバー

    小さいウインドウを出してメニューを作ろうと思っています そこで、早速作ってみたところ、小さいウインドウにはスクロールバーがありませんでした 小ウインドウには、スクロールバーは表示できないのでしょうか? 表示させる方法がありましたら、教えて下さい ちなみに、小ウインドウは下記のようにしています <SCRIPT LANGUAGE="JavaScript"> <!-- function subopen(){ subwin=window.open("menu.html","subwindow","width=290,height=185") } function subclose(){ subwin=window.open("","subwindow","width=290,height=185") subwin.close() } // --> </SCRIPT>

  • ページスクロールの繰り返しと巻き戻し

    ページを横スクロールさせるために下記のように記述しました。 最後まで行ったら最初に戻ってスクロールを繰り返させるには、何を足してあげればいいのでしょうか? また、最後まで行ったら巻き戻して繰り返すことは可能でしょうか? 具体的に教えていただければありがたいです。 よろしくお願いします。 <HTML> <HEAD> <META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript"> <TITLE>page</TITLE> <SCRIPT LANGUAGE="JavaScript"> <!-- function PageScroll(){ window.scrollBy(1,0); } setInterval(PageScroll,20); //--> </SCRIPT> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD> <IMG src="1.jpg"><IMG src="2.jpg"> </TD> </TR> </TBODY> </TABLE> </BODY> </HTML>

  • ページ読み込み時に自動でスクロール

    <body>にonloadを記述する方法以外で あるページを読み込んだ時に、自動的にページ最下部へ スクロールさせたいのですが 以下コードを記述してもエラーも起こらず、何も起きませんでした。 <script type="text/javascript" language="javascript"> <!-- window.onload = new function(){ window.scrollBy(0,300) }; window.onload = new function(){ alert("aaa") }; // --> </script> ちなみに、下側のalertは問題なく動作しております。 scrollby以外でのスクロールでもいいので、ご存じの方教えて下さい。 (できれば一瞬でスクロールする方がいいです。)

  • Java scriptでFLASHを表示したときのスクロールバー表示

    Java scriptでFLASHを表示したときのスクロールバー表示について悩んでいます。 index.htmlにはアイコンがあり、それをクリックするとJava scriptで小窓が開くようにしてあります。そこには、“scrollbars=yes”の引数があります。 小窓にはFLASHがひとつ表示されます。IEでの表示対策のため、FLASHを<object>ではなく、Java scriptで表示するようにしています。document.write('<embed src="***.swf"・・・といった感じです。 そうすると、index.htmlのJavascript小窓オープン時に“scrollbars=yes”としたにもかかわらず、小窓のウィンドウサイズを小さくしたときにスクロールバーが出ません。 FLASHを<object>で配置するとリサイズ時にスクロールバーが出るので、FLASHをJavascriptで配置するとそうなってしまうのかなぁ、と思っています。 IEで点線の枠が出てしまうのがみっともないので、できるだけ<object>で配置したくはないのですが…。 この場合、スクロールバーを表示するようにはできないでしょうか。

  • 自動的にスクロールするようにするには

    文章が自動的にスクロールするようにしたいので本を見ながらやってみたらできたのですが・・・ 下がる速度が思ってたほど遅いです。個人的にはもっと高速で下に下がって欲しいのですが超低速で下がっていきます。どうすれば早くなるか教えてください。それともこれ以上早くは下がってくれないとか? <html> <body> <head> <title></title> </head> <body> <script language="javascript"> <!-- count = 0; var timerlD; function Scroll(){ count += 1; if( count < 600) { scroll(0, count ); } else{ cleartimeout( timerlD ); count = 0; return; } timerlD = setTimeout( "Scroll()", 1 ); } //--> </script> ここに自動的にスクロールする文章を打ってます。 gooに投稿できる文字数の関係で消しました。 <!--最後にスクロールON! --> <script language="javascript"> Scroll(); </script> </body> </html>