- ベストアンサー
フレームページの画面サイズ設定
トップ、メイン、アンダーって縦に３つに別れたフレームで画面サイズの設定をしたいのですが、どの様にすればよろしいでしょうか？ また、ＷＩＮとＭＡＣでサイズが違う様にしたいです。 下記まではできたのですが、ブラウザーを立ち上げてもサイズが設定できません。 <script type="text/javascript"> <!-- function test(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); }else{ window.resizeTo(750,600); } } //--> </script> <body bgcolor="#FFFFFF" text="#000000" onload="javascript: test();"> よろしくお願いします。
- sakurasuper
- お礼率16% (5/30)
- JavaScript
- 回答数7
- ありがとう数3
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
↓さきほどWin2000で動作確認したところ、動作したようです。どうでしょうか？ MacのNNでも動作します。
その他の回答 (6)
その後どうですか？ 私もそんなにスクリプトが分かるわけではないので、調べながら答えています。殆ど私しか答えていないので、責任を感じてしまいます。 ところで、以下のようにきちんとプラットフォームを分けたらどうですか？動きませんか？ <Script type="text/JavaScript"> <!-- function changesize(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); } if(navigator.platform=="Mac68k"){ window.resizeTo(500,500); } if(navigator.platform=="Win16"){ window.resizeTo(750,600); } if(navigator.platform=="Win32"){ window.resizeTo(750,600); } if(navigator.platform=="UNIX"){ window.resizeTo(750,600); } } window.onload=changesize; window.onresize=changesize; //--> </Script>
以下ではダメでしょうか？ なお、Winはブラウザ全体をリサイズ枠と認識し、Macはブラウザの表示画面をリサイズ枠と認識するようです。 <SCRIPT language="JavaScript"> <!-- if(document.all){ window.resizeTo(500,500); } if(document.layers){ window.outerwidth=600; window.onterheight=750; } //--> </SCRIPT> 用事で出かけるので、これ以上回答できないかも知れません。
補足
ありがとうございます。 確認致しましたが、WinとMac同じ500×500で開きます。（涙） どうすればいいんだろ？？？
追伸です。 ボディータグは不要です。 あと、ウィンドウサイズは、ブラウザのヘッダも全部含めた大きさになるので、現在の数字ではちょっと苦しいですね。
補足
ありがとうございます。 確認しました所、マックでは、変更されましたが、 WINDOWSでは、サイズがかわりません。 なぜでしょう？
ちょっと中身（ファイル名）変えてますが、以下ではどうでしょう。たてに三分割なのに、フレームセットを２段階にしている意味がわかりませんでしたので、１段にしました。 ただ、MacのIE5.1では動きますが、NN4.7では動きません。Winではこちらに環境ないので、申し訳ないですが確認できません。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja"> <head> <title>TEST</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="JavaScript"> <!-- function changesize(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); }else{ window.resizeTo(750,600); } } window.onload=changesize; window.onresize=changesize; //--> </Script> </head> <frameset rows="65,328,*" frameborder="NO" border="0" framespacing="0"> <frame name="topFrame" scrolling="NO" noresize src="1.html" marginwidth="0" marginheight="0" frameborder="NO" > <frame name="mainFrame" src="2.html" marginwidth="0" marginheight="0" frameborder="NO"> <frame name="bottomFrame" scrolling="NO" noresize src="3.html" marginwidth="0" marginheight="0" frameborder="NO"> </frameset> <body bgcolor="#FFFFFF" text="#000000"> </body> </html>
<frameset rows="65,328*" frameborder="NO" border="0" framespacing="0"> の行の*は要らないんではないでしょうか？
補足
ですね。 消しましたが、表示のしかたが変わりません。 どーすればいいんでしょうか？
- watapen
- ベストアンサー率10% (5/48)
フレームきってる親でやらなくてはいけないのでは？
補足
フレームきってる親でやってるんですけど、 下記のようになってます。 <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"> <!-- function test(){ if(navigator.platform=="MacPPC"){ window.resizeTo(500,500); }else{ window.resizeTo(750,600); } } //--> </script> </head> <frameset rows="393,*" frameborder="NO" border="0" framespacing="0"> <frameset rows="65,328*" frameborder="NO" border="0" framespacing="0"> <frame name="topFrame" scrolling="NO" noresize src="topframe_id.html" marginwidth="0" marginheight="0" frameborder="NO" > <frame name="mainFrame" src="home/index1.html" marginwidth="0" marginheight="0" frameborder="NO"> </frameset> <frame name="bottomFrame" scrolling="NO" noresize src="under_id.html" marginwidth="0" marginheight="0" frameborder="NO"> </frameset> <noframes> <body bgcolor="#FFFFFF" text="#000000" onload="javascript: test();"> </body></noframes> </html>
お礼
ちゃんと、WinのIE、NNで動作しました。 何度も回答を頂きありがとうございます。