Screen Information
Description:
ユーザーのモニターの解像度を取得し、それによって出力するメッセージを変えます。
フレーム・テーブル等を使用していて、解像度が小さいと見にくくなる場合などにお使い下さい。
Demo:
Source:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
</head>
<body>
<!-- メッセージを表示する場所に貼り付け -->
<script language="JavaScript" type="text/javascript">
<!--
var s_wid = 800; //推奨解像度の横のサイズを設定。
var s_hei = 600; //推奨解像度の横のサイズの設定。
if(window.screen) {
scr_wid = screen.width;
scr_hei = screen.height;
document.write("あなたのモニターの解像度は、" +scr_wid+ "*" +scr_hei+ "です。<br>");
if(scr_wid >= s_wid && scr_hei >= s_hei) {
//最適な環境の人へのメッセージ。
document.write("現在の解像度で、快適にこのページをごらんいただけます。");
} else {
//解像度が低い場合の警告。
document.write("出来ることならば、今より大きな解像度でご覧下さい。<br>より一層快適にご覧頂けます。推奨800*600以上。");
}
} else {
//対応していないブラウザで表示するメッセージ。
document.write("このホームページは800*600以上の解像度の環境で、<br>快適にご覧いただけます。<br>");
}
//-->
</script>
</body>
</html>
Advice:
Arrangement:
Browser:
Internet Explorer4.0以上
Netscape Navigator4.0以上