1

を使用して新しいポップアップページを開いwindow.openています。新しいページのサイズを特定のサイズと同じサイズにしdivたいので、ページにこれに焦点を合わせたいと思いますdiv。

たとえば、私はこの構造を持っています、

<html>
<head></head>
<body>
    <div id="main"> 
        <div id="top"></div>  
        <div id="bottom"></div>
    </div>
</body>
</html>

新しいポップアップページを開くと、新しいウィンドウdivにid=top

divのサイズを計算してページをスクロールすることができるとdiv思いますが、もっと簡単な方法があるかどうか尋ねたいと思います。

御時間ありがとうございます

4

1 に答える 1

1 
var divHeight = $("#top").height();
var divWidth = $("#top").width();

var w=window.open('','', 'width=0,height=0');
w.resizeTo(divWidth, divHeight);
w.focus();

デモは次のとおりです。http://jsfiddle.net/deepakpmishra/KaAas/3/

結果ウィンドウのサイズを変更すると、ポップアップ ウィンドウのサイズが変わります。

編集

ウィンドウに合わせて div のサイズを変更できますが、その逆はできません。

ポップアップ内に作成する必要がある div で、その寸法は事前定義する必要があります。ポップアップ ウィンドウのサイズと div のサイズが同じサイズになるようにします。ポップアップtopで div を画面に合わせます。

#top
{
width: 100%;
height: 100%;
}

作成時にポップアップの適切なサイズを指定します。まあ言ってみれば、

var w=window.open('','', 'width=100,height=200');

$("#top").focusdiv にフォーカスするには、ポップアップで使用する必要があります。ポップアップには、質問で提供した html コードのアドレスが含まれています。

于 2013-10-03T17:05:30.470 に答える