ウィンドウのサイズを取得するには.innerWidthと.innerHeightを利用する。問題はIEが対応していないことだ。
とりあえず内側のサイズに関しては.clientWidth、.clientHeightで対応できるようだが互換モードと標準モードでまた違うらしい。さらに問題なのは外側のサイズ。自分の知識では解決策が見当たらなかったので内側サイズに適当にプラスしてお茶を濁すことにする。
ウィンドウサイズを取得するサンプル
<script language="javascript" type="text/javascript">
<!--
// ウィンドウ内側の横幅
var inW = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
// ウィンドウ内側の縦幅
var inH = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
// ウィンドウ外側の横幅
var outW = window.outerWidth || document.documentElement.clientWidth + 16 || document.body.clientWidth + 16;
//ウィンドウ外側の縦幅
var outH = window.outerHeight || document.documentElement.clientHeight + 240 || document.body.clientHeight + 240;
document.write("ウィンドウ内側の横幅：", inW);
document.write("<br />ウィンドウ内側の縦幅：", inH);
document.write("<br />ウィンドウ外側の横幅：", outW);
document.write("<br />ウィンドウ外側の縦幅：", outH);
-->
</script>
実行結果
せつない・・・
トラックバック
- http://www.kantenna.com/cgi-bin/mt/mt-tb.cgi/362
人気の記事
1-5
6-10
- 66.5459770115 秒: (174ビュー)
- WEBプログラム覚書::表示内容の切り替え(JavaScript)
- 55.5748792271 秒: (207ビュー)
- 情報備忘録::eclipse + PDT 2.0 + XAMPP で作るWordpress開発環境
- 55.1833910035 秒: (289ビュー)
- WEBプログラム覚書::jQueryによる表示、非表示切り替え
- 35.6666666667 秒: (183ビュー)
- WEBプログラム覚書::javascript フォーム関連オブジェクトの取得
- 30.6506849315 秒: (146ビュー)
- 情報備忘録::Photoshop チュートリアル 基本的な光の作り方
- 29.8631578947 秒: (190ビュー)
- WEBプログラム覚書::javascript 子要素取得のメモ
- 29.2393939394 秒: (330ビュー)
- WEBプログラム覚書::PHP 参照渡し(リファレンス)と値渡し
- 24.2450331126 秒: (302ビュー)
- 情報備忘録::Dreamweaverで文字コードを変換する手順
- 8.04268292683 秒: (164ビュー)
- WEBプログラム覚書::MySQLエラー「Column 'カラム名' in field list is ambiguous」
- 2.84523809524 秒: (168ビュー)
- WEBプログラム覚書::PHP Array関数いろいろ
WEBデザイン・ホームページ製作 カンテナ プログラミング覚書
ActionScript
ETC
Excel VBA
HTML/CSS
jQuery fade() と pngbehavior.htcJavaScript
[jQuery]こんな機能があったんだ。jQuery stop() [jQuery]ツールチップをいろいろと検討 Ajaxメモ jQueryのプラグイン作成前のメモ jQuery プラグイン Slide boxメモ jQuery fade() と pngbehavior.htc javascript Node プロパティ 優れたナビゲーションを真似てみる デザイナーのためのjQueryチュートリアル 最小？IEブラウザ判定 jQueryオブジェクト javascript 反転処理1 javascriptの.演算子と変数と引数 jQueryでページ内リンクを自動作成 jQueryによる表示、非表示切り替え 出来ると思ったけど出来なかったJavascriptコード 「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第3問- 「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第2問- 「新しくプログラミング言語を覚えたいときに行うべき10の練習問」をやってみた。-第1問- javascript 子要素取得のメモ javascript フォーム関連オブジェクトの取得 javascript エラーコード javascriptでのエラー処理 try-catch構文 HTMLエスケープを行うPHP関数、htmlspecialchars をJavascriptで実装 Divの高さを合わせるスクリプト(safari対応版) Simple Javascript Accordionsを試してみた Divの高さを合わせるスクリプト htmlにjavascripを記述する際の注意 JavaScript正規表現1 不特定多数の引数をもつ関数 JavaScriptでテーブルの行を交互に色分け[テーブル複数ある場合] JavaScriptでテーブルの行を交互に色分け 要素名(タグ名)で要素オブジェクトを取得 JavaScriptの配列の基本あれこれ ウィンドウサイズを取得 表示内容の切り替え(JavaScript) HTMLタグと内容を取得 数字の入力チェック ブラウザの情報を取得 スクリプト記述MySQL
PHP
[jQuery]ツールチップをいろいろと検討 javascript エラーコードXML
タグ
