- ベストアンサー
フレームページの画面サイズ設定
トップ、メイン、アンダーって縦に３つに別れたフレームで画面サイズの設定をしたいのですが、どの様にすればよろしいでしょうか？ また、ＷＩＮとＭＡＣでサイズが違う様にしたいです。 下記まではできたのですが、ブラウザーを立ち上げてもサイズが設定できません。 <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>
関連するQ&A
- 大きさを固定して、さらにぶるぶる・・・・
こんにちは、質問させてください。 JavaScriptでウィンドウの大きさをリサイズできないように固定し、 さらに、そのウィンドウを、ぶるぶる・・・と震えさせたいのですが、 その組み合わせ方がわかりません。 <html> <head> <title>無題ドキュメント</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <script type="text/javascript"> <!-- var shake_len = 30, shake_max = 5, shake_count = 0; function shake () { var x = 0, y = 0, n = shake_count % 4; if(n == 0) x = -shake_len; else if(n == 1) y = -shake_len; else if(n == 2) x = shake_len; else y = shake_len; window.moveBy(x, y); shake_count++; if (shake_count < shake_max * 4) setTimeout("shake();", 50); } //--> </Script> </head> <body onload="shake()" bgcolor="#FFFFFF" text="#000000"> </body> </html> と <scriptlanguage="JavaScript"> function changrsize(){ window.resizeTo(300,250); } window.onload=changesize; window.onresize=changesize; </Script> を組み合わせた感じのものを考えているのですが・・・・・。 教えてください！
- ベストアンサー
- JavaScript
- 新規ウィンドウを全画面表示させたい
head内に下記を入力し、 <script type="text/javascript"> <!-- function setScreenSize() { window.moveTo(0,0); window.resizeTo(window.screen.availWidth, window.screen.availHeight); } //--> </script> body内に下記を記載しました。 <a href="test.htm" onclick="setScreenSize()">test</a> 「test.htm」を新規ウィンドウで開きたいのですが、同じウィンドウで開いてしまいます。何が足りないのか分かりません。教えていただけませんでしょうか？
- ベストアンサー
- JavaScript
- javascriptでウィンドウのサイズ等を指定するには…
色々な諸事情があって、新しく開くウィンドウのサイズを、親ウィンドウで指定するのではなく、新しく開く子ウィンドウ自身でサイズを指定する方法を探しておりました。 すると、以下のようなjavascriptが見つかったので試してみたところ、希望どうりにサイズを指定して開くことができたのですが、アドレスバーやツールバーなどもある形でウィンドウが開いてしまいます。タイトルバーとスクロールバー以外は表示しないようにしたいのですが、どのように記述したら良いのでしょうか。javascriptのことはわからないので、実際に書く記述をコピー＆ペーストで試せるような形で教えていただけると助かります。宜しくお願いいたします。 <SCRIPT TYPE="text/javascript"> <!-- window.resizeTo(300, 300); //--> </SCRIPT>
- 締切済み
- JavaScript
- Javascriptで画面の切り替え
Javascriptで画面の切り替えをしたく、 ソースを書いたのですが、 ブラウザの判定を入れたところ、 (今のところIEとFFだけで確認しています。) 全く動かなくなりました。 IE画面の左下に警告マークが出ているので 構文が間違っているようなのですが、 分かりません 解決策を教えていただけないでしょうか。 よろしくお願い致します。 ----------以下ソース---------------------- <HTML> <HEAD> <TITLE>::::Antique Messiah::::</TITLE> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <link href="messiah.css" rel="stylesheet" type="text/css"> <script language="javascript"> function ImageUp() { var isIE = (navigator.appName.substring(0,9)=="Microsoft"); alert(isIE); function check(){ if(isIE) alert("fftart"); window.open("top.html","","WIDTH=600,HEIGHT=600"); window.opener = ""; window.close(); else alert("fftart"); window.open("top.html","","WIDTH=600,HEIGHT=600"); top.name = 'CLOSE_WINDOW'; var wid = window.open('','CLOSE_WINDOW'); top.close(); } } function changesize(){ window.resizeTo(800,700); } window.onload=changesize; window.onresize=changesize; </script> </HEAD> <BODY onLoad="changesize(), setTimeout(ImageUp,3000)"> ～中略～ </body> <html>
- ベストアンサー
- CSS
- テンプレート構文への追加指示
こんにちは。 Java Scriptによる「画面サイズを指定して開く」というアクションで 以下のような構文があります <script LANGUAGE="javascript"> <!-- function changesize(){ window.resizeTo(***,***); ←***は任意のサイズ } window.onload=changesize; window.onresize=changesize; //--> </script> この構文に、ツールバー・URL入力欄・メニューバー等 全てを非表示にさせる命令文を追加したいのですが、 どこに何をどう入れてよいかが分からなく困っています。 どなたかお詳しい方、助けていただけないでしょうか。 よろしくお願いいたします。
- 締切済み
- JavaScript
- ウィンドウサイズの変更を滑らかに取得したい
<html> <head> <script type="text/javascript"> function test(){ width = document.body.clientWidth; height = document.body.clientHeight; document.getElementById("haba").value=width; document.getElementById("takasa").value=height; } </script> </head> <body onload="window.setInterval('test()',1);"> 幅<input size="20" type="text" id="haba"/> 高さ<input size="20" type="text" id="takasa"/> </body> </html> -------------------------------------------------------------- 以上のような、ブラウザのウィンドウサイズを取得する コードを書いたのですが、滑らかに高さと幅が取得出来ずに困ってます。 イメージとしては、ウィンドウサイズをマウスで変更すると 高さと幅の数値がもっと滑らかに細かく変化するように したいのです。 どなたか回答お願いします。
- ベストアンサー
- JavaScript
- ページ読み込み時に自動でスクロール
<body>にonloadを記述する方法以外で あるページを読み込んだ時に、自動的にページ最下部へ スクロールさせたいのですが 以下コードを記述してもエラーも起こらず、何も起きませんでした。 <script type="text/javascript" language="javascript"> <!-- window.onload = new function(){ window.scrollBy(0,300) }; window.onload = new function(){ alert("aaa") }; // --> </script> ちなみに、下側のalertは問題なく動作しております。 scrollby以外でのスクロールでもいいので、ご存じの方教えて下さい。 （できれば一瞬でスクロールする方がいいです。）
- ベストアンサー
- JavaScript
- Safariを判別し別ページに飛ばすには
javascriptでブラウザを判別して、ブラウザによって違うページに飛ばしています。 基本的にはIEとそれ以外なのですが、Safariだけが別ページに飛んでくれません。（index.htmlにいたままになる） 下記のようにしていますが、どうすれば飛ぶようになるでしょうか？ よろしくお願いします。 <script type="text/javascript"> if(navigator.userAgent.indexOf("MSIE") != -1){ window.location.href = "index.html";} ： else if(navigator.userAgent.indexOf("safari") != -1){ window.location.href = "index2.html";} </script>
- ベストアンサー
- JavaScript
- 最初のウィンドウのツールバーを非表示に
こんにちは 最初に開いたページのツールバーを非表示にする 方法を教えてください。 <SCRIPT language="JavaScript"> <!-- window.self.resizeTo(800,600) <!----> </SCRIPT> と書けば、そのサイズで開きますが window.self.toolbar.visible=false と書いてもうまくゆきません。 よろしくおねがいします。
- 締切済み
- JavaScript
- prototipの設定
質問させていただきます。 <script src="js/prototype.js" type="text/javascript"></script> <script src="js/effects.js" type="text/javascript"></script> <script src="js/prototip.js" type="text/javascript"></script> <link rel="stylesheet" type="text/css" href="http://yourdomain/prototip.css"> <script type="text/javascript"> function init() { new Tip('test', 'ToolTip simple', {title: 'title'}); Event.observe(window, 'load', init, false); </script> </head> <body> <a href="" id="test">test</a> </body> </html> 以上のように記述して、動かしてみたのですが、動きません。 何処が違っているか解るか炊いたら教えていただけ無いでしょうか。
- ベストアンサー
- JavaScript
お礼
ちゃんと、WinのIE、NNで動作しました。 何度も回答を頂きありがとうございます。