人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JavaScpriptで閲覧者の画面サイズを取得し、そのサイズに合ったファイルへ自動的にジャンプするというスクリプトを探しております。どなたか教えてください。


●質問者: tsune2279
●カテゴリ:ウェブ制作
✍キーワード:サイズ ジャンプ スクリプト ファイル 画面サイズ
○ 状態 :終了
└ 回答数 : 3/3件

▽最新の回答へ

1 ● GoldenDawn
●50ポイント

寡聞にしてその様なスクリプトは存じませんが、文字通り画面の解像度でなら screen.width、screen.height、ブラウザの表示領域なら document.body.cliehtWidth、document.body.clientHeight などの値を取得して振り分けてやるといいのではないでしょうか。

◎質問者からの返答

すいません、それを記述したものを欲しいのですが…


2 ● GoldenDawn
●50ポイント

例えばこんな感じですかね。

<html>
 <head>
 <script type="text/javascript">
 var jumpto = [
 [1600,1200,'./a.html'],
 [1280,1024,'./b.html'],
 [1024,768,'./c.html'],
 [800,600,'http://www.google.com']
 ] ;

 sw = screen.width ;
 sh = screen.height ;

 for (var i = 0; i < jumpto.length; ++i) {
 if (jumpto[i][0] >= sw && jumpto[i][1] >= sh) location.href= jumpto[i][2] ;
 }
 </script>
 </head>

 <body>
 <p>JavaScript が無効</p>
 </body>
</html>
◎質問者からの返答

ありがとうございます。

期待通りでございます。

欲を言いますと、これを全画面の別画面に飛ばす場合どうすればいいのでしょう?


3 ● GoldenDawn
●50ポイント ベストアンサー

素の IE 限定。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
 <head>
 <script type="text/javascript">
 var jumpto = [
 [1600,1200,'./a.html'],
 [1280,1024,'./b.html'],
 [1024,768,'./c.html'],
 [800,600,'./d.html']
 ] ;
 var defaulturl = './e.html' ; // 上記以下の場合

 sw = screen.width ;
 sh = screen.height ;

 newurl = defaulturl ;
 for (var i = 0; i < jumpto.length; ++i) {
 if (jumpto[i][0] >= sw && jumpto[i][1] >= sh) newurl = jumpto[i][2] ;
 }
 window.open(newurl, 'ウィンドウ名', 'fullscreen=1') ;
 </script>
 </head>

 <body>
 <p>別窓で開きます。</p>
 </body>
</html>
◎質問者からの返答

ありがとうございます。

こちらを元にやりたいことが概ねできそうです。

感謝します。

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ