• ベストアンサー

ブラウザ別ウインドウは最低高さ100px?

HTMLページにJavascirptを使用したリンクを設置して、そのリンクをクリックするとブラウザーで別ウインドウを開くようにした場合、その別ウインドウの高さ(height)は100pxより低くできないのでしょうか? IE6とIE7 例えば、下記コードでは別ウインドウの高さ(height)は60pxに設定されていますが、このコードをbase.htmlに設置してexample.htmlの別ウィンドウを開いた場合、コンテンツ表示領域の高さは100pxとなってしまいます。 コード例: <a href="javascript:;" onClick="window.open('example.html','example','width=458,height=60');">別ウィンドウ例</a> お手数ですが、どなたかご自分の環境で試していただけるでしょうか? よろしくお願いします。

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

  • ベストアンサー
  • arexis
  • ベストアンサー率66% (66/99)
回答No.1

以前ポップアップを使っていた頃の話で、詳しく調べていませんけど IE7の初期表示の 横150 (&& か||) 縦100 制限はありました。 Firefoxも100*100制限あるかも? 仕方なく、開いてからresizeTo()していました。 例えば <a href="javascript:;" onClick="(window.open('example.html','example','width=458,height=60')).reseizeTo(458,60);">別ウィンドウ例</a> こんな感じ。 関数を呼ぶなら <a href="javascript:MyNewWindow();">別ウィンドウ例</a> <script> function MyNewWindow(){ var NewWin = window.open('test.html','example','width=458,height=60'); NewWin.resizeTo(458,60); } </script> IE7の場合、インターネットゾーンだとロケーションバーが強制的に表示されると思います。 Operaもロケーションバー用のクリック部分が表示されてしまうかな? 自分の意図するポップアップ画面サイズにするには、ローカルではないサーバー上で確認して調整した方が良いかも。 調べて、消せる方法があるならもちろんそれを使えば良いですが。 例えばoperaなら70、IEなら80;にしてロケーションバー分の調整をするなら <script> function MyNewWindow(){ var NewWin = window.open('test.html','example','width=458,height=60,locationbar=no'); var height = 60; if(!NewWin.locationbar){ height = window.opera? 70 : 80; } NewWin.resizeTo(458,height); } </script> <a href="javascript:MyNewWindow();">別ウィンドウ例</a> のような感じとか。

kitty1000
質問者

お礼

arexisさん ご回答、ありがとうございました。 了解しました。

その他の回答 (1)

  • auty
  • ベストアンサー率58% (284/486)
回答No.2

> ウインドウの高さ(height)は100pxより低くできないのでしょうか? これは、セキュリティに関する制限です。 目に見えないウィンドウが動いていると大変なことになりかねません。 小さい場合も、画面の外に出る場合もこれにあたります。 同様にして最近は、タイトルバーやステータスの表示にも制限が加わってきています。

kitty1000
質問者

補足

autyさん ご回答、ありがとうございました。 了解しました。

関連するQ&A

  • IE7 window.openの新ウィンドウ名指定不可?

    下記記述例のようにwindow.openを使用して新しいウィンドウを開くリンクでウィンドウ名(下記の場合、「ex」)を指定した場合、IE7 では新しいウィンドウが開かないのですが、これはIE7の仕様なのでしょうか? それとも、私のIE7は、Standalone版(http://windz.blog21.fc2.com/blog-entry-151.html)なので、そのためウィンドウ名を指定すると開かないだけでしょうか? IE7の設定は、「ツール」→「インターネットオプション」→「タブ」の「設定」項目で「新しいウィンドウでポップアップを開く」も「新しいタブでポップアップを開く」も両方試しましたが、ウィンドウ名を指定するとポップアップが開きませんでした。 IE7で別ウインドを開けなかったコード(IE6の場合問題なく動作します。): <a href="javascript:;" onClick="window.open('http://www.example.html','ex','width=300,height=300');">Exページ</a> IE7で別ウインドを開けた(新しいウィンドウ名を指定しないと動作します。): <a href="javascript:;" onClick="window.open('http://www.example.html','','width=300,height=300');">Exページ</a> どうにかして新しいウィンドウを名を指定してもwindow.openがIE7で動作する方法を教えていただきたいのですが。 「href="javascript:;"」の部分は、リンクを押したときの親ページの繰り上がりを防ぐ為、「href="#"」ではなく、「href="javascript:;"」を使用したいと思います。 お手数ですが、理解されている方がおられましたら、上記コードを検証後、修正必要箇所をお教え下さい。自分でもかなり検証しましたが、どのようにすればよいか分かりませんでした。 よろしくお願いします。

  • 複数別ウィンドウを開いた場合

    <a href="sub.html" onClick="window.open('sub.html','subwin','width=300,height=300,left=0,top=0'); return false;">開く</a> のリンクから別ウィンドウを開き、 また違うリンクを上記のソースの方法で開いた場合、IEでは、下のタスクバーにしまったままで画面が出てきません。この対処方法はありますでしょうか? どなたか教えていただけないでしょうか?

  • リンク先をジャバスクリプトで別ウィンドウで見せるとき他のリンクの色も変わってしまう II

    リンク先を別ウィンドウで飛ばすため、同じページにある他のリンクも <a href="#">AAAA</a>(これはポインタを手のマークに変えてリンクをわかり易くするためです) <a href="#">BBBB</a> のように指定していますが、これだと一度クリックしてしまうと 全てのリンクが訪問後の色に変わってしまいます。 この問題はどう改善できるのでしょうか? 前回質問のアドバイスを元に記述してみたのですが↓ <a href="javascript:function void(0)" onClick="window.open('../htm/1.htm','','scrollbars=yes,width=700,height=700')">1234</a> <a href="javascript:function void(0)" onClick="window.open('../htm/2.htm','','scrollbars=yes,width=700,height=700')">5678</a> やはりクリックしてみるとリンク全てが訪問後の色に変わってしまいました、

  • 別のウィンドウを開いた時に、元のウインドウがトップに移動してしまう

    ページの下の方に小さな画像を張り、クリックするとウィンドウのサイズを指定した別のウィンドウが開くようにしました。 すると元の(小さな画像を張った)ウィンドウがそのページのトップに移動してしまいます。固定できないのでしょうか? ソースは <A href="#" onclick="window.open('リンク先名','win1','width=820,height=520,toolbar=no,nebubar=no');"> です。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • target=_blankを使わない新規ウィンドウ

    target=_blankを使わない新規ウィンドウオープンについての質問です。 <a href="http://www.example.com" onclick="window.open(pageTracker._getLinkerUrl(this.href),'_blank'); return false;"> 上記を記述しているのですが、ある日から突然新規ウインドウを開かずリンクサイトが表示されてしまいます。 「pageTracker」が機能したまま別ウインドウでリンクサイトが開く方法を知りたいです。 よろしくお願いいたします。

  • window.openで同画面遷移しない

    window.openで別窓でウィンドウを開き、開いたウィンドウは親ウィンドウにあるリンク1、リンク2、リンク3をクリックすると別窓で開いたウィンドウが同画面遷移で変わるようにしたいのですが、IEで各リンクをクリックすると新規ウィンドウが立ち上がってしまいます。Firefoxでは問題ないのですが。 <head>~</head>内に以下のjavascriptを書きました。 <script type="text/javascript"> <!-- function winOPEN(URL,winName) { window.open(URL, 'window1', 'width=400, height=300, menubar=no, toolbar=no, scrollbars=yes'); } // --> </script> またリンクのhtmlは以下のようにしました。 <ul> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク1</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク2</a></li> <li><a onClick="winOPEN('URL','window1')" title="" href="#">リンク3</a></li> </ul> どこがいけないのでしょうか。教えてください。

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

    <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
  • ボタンで、リンクを、別ウィンドウで開く

    質問させていただきます。 ボタンで、リンクを、別ウィンドウで開くには どういうソースを書いたら良いのでしょうか? <FORM> <INPUT TYPE="button" VALUE="リンク" onClick="window.location.href='index.html'"> </FORM> だと、同一ウィンドウ内に開いてしまいますし・・・。 どうか教えてください。よろしくお願いいたします!

  • JavaScriptで新しいウインドウを立ち上げたときにメインウインドウがおかしい

    メインウインドウの文章中の下の方にリンクをはって、そこからサブウインドウを開いています。実は少し前にatsuotaさんにご回答いただいたこの方法を利用しているのですが <!-- function openWin1() { window.open("sub1.html","sub1","width=320,height=240"); } function openWin2() { window.open("sub2.html","sub2","width=320,height=240"); } --> <a href="" onClick="openWin1()">sample1</a> <a href="" onClick="openWin2()">sample2</a> このsample1とか2がスクロールしなくてもよいくらいの位置にあればいいのですが、スクロールしているところで配置してあると、メインウインドウが毎回トップのあたりにずれてしまうのです。(特別な制御はしていないはずなのですが・・・) おわかりになる方がいらっしゃいましたら教えてください。

  • テーブルリンクで別ウインドウで開くようにするには?

    <table> <tr> <td onClick="window.location.href='a.html'" onmouseover="this.style.backgroundColor='#80FFFF';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;">a</td> </table> このようにしてオンマウスでTD内の色を変え、TD全体でリンクさせる時、別ウインドウで開くにはどうしたらよいですか? それとも、テーブルリンクで別ウインドウで開く指定は出来ないんでしょうか? <table> <tr> <td onClick="window.location.href='a.html' XXXXX" onmouseover="this.style.backgroundColor='#80FFFF';" onmouseout="this.style.backgroundColor=''" STYLE="cursor:hand;">a</td> </table> XXXXXの部分にtarget='_blank'と入れてみたんですが、今度はリンクのアクションすらしなくなってしまいました。 よろしくお願いします。