- ベストアンサー
ajaxのwindow.jpで、小窓表示後に小窓をリサイズする方法
Ajaxのライブラリのprototype window classのwindow.jsを使っています。 小窓を開く際にウィンドウサイズが指定できるのですが、 小窓表示後に表示する内容にあわせて開かれた小窓をリサイズしたい のですが、方法が分かりません。 試しに開かれた小窓の方のhtml内で、resizeTo(w,h);を実行して みましたが、IE7ではリサイズされるのですが、firefox、operaでは リサイズされません。 対処法をご存知でしたらご教授いただけますか？
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
setSize()関数は使ってみましたか？ 下記のようにしたらFireFox 3 ではリサイズできました。他のブラウザは試してません。参考URLはwindow.jsの関数リファレンスです。 <html> <head> <link href="../themes/default.css" rel="stylesheet" type="text/css"/> <link href="../themes/alphacube.css" rel="stylesheet" type="text/css"/> <script type="text/javascript" src="../javascripts/prototype.js"> </script> <script type="text/javascript" src="../javascripts/effects.js"> </script> <script type="text/javascript" src="../javascripts/window.js"> </script> <script type="text/javascript"> function win1() { var win = new Window({id: "win1", className: "alphacube", title: "Sample", width:250, height:150, top:0, left: 1, parent:$('border')}); var html = "<h1>simple sample</h1><br/>\ <a href='#' onclick='Windows.getWindow(\"win1\").setSize(200,200)'>setSize(200,200)</a><br />\ <a href='#' onclick='Windows.getWindow(\"win1\").setSize(300,300)'>setSize(300,300)</a>"; win.getContent().innerHTML = html; win.show(); } </script> <style> body { background: #363636; } #border { position:absolute; top:10px; left:10px; width:500px; height:500px; border: 1px solid #000; overflow:hidden; } </style> </head> <body> <div id="border"> </div> <script> win1(); </script> </body></html>
お礼
ありがとうございます！ setSize()でリサイズできました。 （実は質問後に発見して解決したのですが、自己解決で 回答が書き込めなかったので困ってました） ie6,ie7、opera、safariでもリサイズできました。