サブウィンドウの注意点
Posted at 2005/05/07 (Sat) 15:33 +09:00 in Web Designing
サブウィンドウを開くときは、必ずopenメソッドのresizableオプション値を「yes（1）」にしておこう。リサイズ不可のサブウィンドウを開いた場合、閲覧ユーザーの環境によっては（特に文字サイズのスタイルなど）、ページ内容のすべてが表示されない場合があるからだ。
window.open("hoge.html","hoge","width=○○,height=□□,resizable=yes")
また開かれたサブウィンドウ側でも注意しなけばいけないことがある。特にサイズが小さなウィンドウを開いた場合、親ウィンドウがアクティブになり、子ウィンドウが下に隠れて開かれたことに気がつかないユーザーがいるかもしれない。同じウィンドウ名を用いて別のページをサブウィンドウで開いた場合などでは、特にこのような事態が起きる可能性が高い。そこで、子ウィンドウにfocus設定を忘れずにしておく必要がある。具体的なソースは、（※括弧「>」は全角にしてあります。）
＜head＞
＜script language="JavaScript"＞
＜!--
function Focus_the_Window(){
window.focus();
}
//--＞
＜/script＞
＜/head＞
＜body onLoad="Focus_the_Window()"＞
これらは最低限のデザインルールと言えるでしょう。また、ポップアップブロックを利用しているユーザーなど、サブウィンドウを利用する場合には、ユーザー環境によっては利用できない場合があるという点にも十分注意を払っておく必要がありますね。