ユーザーのウインドウ表示幅を取得するjavascript - WEBデザイン BLOG
ユーザーがブラウザ表示しているウインドウ幅を取得するコードです。覚え書き用に情報を残しておきます。 このコードのネタ元は、 Experiments > Resolution Dependent Layout'>The Man in Blue > Experiments > Resolution Dependent Layoutのサイトからです。 このコードを使って何ができるかは、ユーザーのブラウザ表示幅を取得し、取得幅によってDOMツリー操作によるレイアウト変更を行うためです。よくある手法は、スタイルシートを切り替えてレイアウト変更します。もう一つやってみたいことは、任意のブロック要素の属性値を変更することでレイアウト変更する手法です。 ユーザーのブラウザ表示幅を取得するjavascriptコード // getBrowserWidth() by Cameron Adams // http:
Enjoy×Study - IEの標準/互換モードで参照すべきclientHeightが異なる
Internet Explorer上のJavaScriptで、クライアントサイズが取得できない問題 クロスブラウザに注意がいきがちですが、標準/互換モードによって参照すべきプロパティが変わってくるものもあるとは、、 互換モード document.body.clientHeight 標準モード document.documentElement.clientHeight [追記] 調べていくと、他のブラウザ(FireFox,Opera..)でも標準/互換モードでウインドウ・ページサイズがらみのプロパティは、値の取れ方が異ってくるようです。 FireFox 1.5では標準/互換モードの違いでdocument.bodyとdocument.documentElementの値が入れ替わりました。 ウインドウ・ページサイズに関するプロパティは、クロスブラウザ＆標準/互換モードの組み合わせで検証しないと危
ブラウザの表示領域のサイズを取得する方法。 - Enjoy*Study
ブラウザの表示領域を取得するに当たって、「ブラウザの種類」×「表示モード(標準/互換)」によって参照するプロパティが変わってきます。 IE、FireFox、Opera、Safariにて、表示モード毎に参照すべきプロパティをまとめてみました。(Safariについては2007/05/20に追記) 調査したのは、下記のプロパティです。 window.innerWidth window.innerHeight document.body.scrollWidth document.body.scrollHeight document.body.offsetWidth document.body.offsetHeight document.body.clientWidth document.body.clientHeight document.documentElement.scrollWidth d
CSSのプロパティとJavascriptでのスタイル属性対応表:phpspot開発日誌
CSS Properties to JavaScript Reference CSS Properties To JavaScript Reference Conversion CSSとJavascriptで微妙に書き方が違うスタイルについての対応表。 微妙に違うので間違えがちなこの部分ですが、こういった対応表があると便利かつ安心できますね。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://hardwar.org.uk/
