JavaScriptで最適なポップアップウィンドウサイズを見つける

Question

私は動的な内容のポップアップウィンドウを持っています。複雑すぎるものはありません。それにはテキストが入ったテーブルだけがあります。

その内容が完全に表示されるように、どのようにして高さとウィンドウの幅を見つけるのですか？

ウィンドウのディメンションに任意の静的な値を使用する際の問題は、ブラウザのフォント設定によってはオフになる可能性があることです。

これができない場合は、どのような一般的な慣行ですか？

ありがとうございました。

Answer 1

ポップアップに入れたいHTMLコンテンツをページ外のdivにコピーして測定し、divを削除します。 dojoは分かりませんが、これはjQueryで行う方法です。

var measuringDiv = $('<div class="sameAsPopupContainer" style="position:absolute; left:9999px; top:0px"></div>'); 
$('body').append(measuringDiv); 
measuringDiv.html(theHtmlForTheTable); 
heightOfContent = measuringDiv.width(); 
widthOfContent = measuringDiv.height(); 
measuringDiv.remove(); 

私はdojoにも似た方法があると想定しています。作成しているオフページのdivは、ポップアップコンテナと同じスタイルルールを維持することが重要です。これはややこしいことがあります。