- 締切済み
モニターサイズによるページ振り分け方法
【ホームページ制作・JavaScript 】 こんにちは。 ホームページを見ている方のパソコン画面のサイズを取得して、 横幅が1024px以下なら、aaa.html。1024px以上なら、bbb.htmlと いう風に、振り分けできるJavaScriptを教えて下さい。 （できれば、ずばり教えてくれるとありがたいです。） よろしく、お願いします。
- waterclock
- お礼率85% (175/205)
- JavaScript
- 回答数5
- ありがとう数5
- みんなの回答 （5）
- 専門家の回答
みんなの回答
- ryuju
- ベストアンサー率29% (58/198)
<SCRIPT language="JavaScript"> <!-- w = window.screen.width; function jump() { if (w < 1024) jumpURL = "aaa.html"; if (w > 1024) jumpURL = "bbb.html"; location.href = jumpURL; } //--> </SCRIPT></BODY> <body onLoad=setTimeout("location.href='javaScript:jump()'",0)> </HTML> こんなもんかな？
お礼
情報ありがとうございます。 このサイトの解説書、購入してあり、良く利用しています。 今回は、相手のモニター解像度を取得して、それによって ページを振り分けしたいので、ちょっと違います。 とにかく、ありがとうございました。
- ryuju
- ベストアンサー率29% (58/198)
時間がないので参考URLをどうぞ #2さんのscreen.widthを元にifでいけば出来ると思います。
- 参考URL：
- http://www.openspc2.org/
お礼
情報ありがとうございます。 一応こんなんで、振り分けできましたが、どうでしょうか。 <script type="text/javascript"> w = screen.width; if (w < 1025) { location.href = "aaa.html" }; if (w > 1025) { location.href = "bbb.html" }; </script>
- ittochan
- ベストアンサー率64% (2667/4137)
横幅だったら screen.width ですね。
お礼
情報ありがとうございます。 var iwidth = screen.width; screenを使って、iwidthを求める事は確かにできそうですね。 if文がわかりません。（＾＾；）
- ittochan
- ベストアンサー率64% (2667/4137)
screen オブジェクトがいいのでは？ Internet Explorerでしか駄目かも
お礼
親切にありがとうございます。 このJavaScriptでは、こちらでは上手く動作しませんでした。 でも、皆様から色々とヒントを頂き、一応下記の文で対処する事にしました。 あってるでしょうか？ 「それならこっちの方がスマートだ」とか、 その方法は、「検索エンジン等でスバムと見なされるおそれがある」とかがあれば、教えて下さい。 +----＜Head間に配置＞----------------------------------+ <script type="text/javascript"> w = screen.width; if (w <= 1024) { location.href = "index3.html" }; if (w > 1024) { location.href = "index4.html" }; </script> +---------------------------------------------------------------+ よろしくお願いします。
補足
これ、なんでこんな質問をしたかをお伝えしておきます。 アクセスログを取っているのですが、最近やたら横長の モニターサイズが目立ってきました。しかし、大概は1024*768で、 800*600という方も結構います。ひとつのサイズにこだわっていたら、 ページのサイズは、横幅700px位が無難なのですが、それを ワイド型のモニターで見るといかにも間が抜けた感じがして、 それで、ワイド型に対応したページレイアウトを別に作ろうと 考えたわけです。