ウインドウのリサイズ時に表示を更新したいのですが



0   名前: furuta : 2006/06/01(木) 00:03  ID:b0K.Nrmw
ウインドウのサイズを変更したときに、ウインドウのサイズが画面に自動表示されるようにするのは可能ですか?
画像の大きさを自動的に調整するには「onresize」を使うようですが、文字の自動更新まではできないようです。

現在、ウインドウを取得して、表示するところまでは、作成済みです。
ウインドウのサイズを変更したときに、更新ボタンを押せば、文字も書き換えられます。
これが更新ボタンを押さなくても、自動的に変われば、よいのですが。

現在のソースは、下記のとおりですので、よろしくお願いします。

<html>
<head>
<META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=Shift_JIS">
<title>ウインドウの幅により表示を変更</title>
<SCRIPT LANGUAGE="JavaScript">
<!--
//スクリーンサイズ取得
function WindowSize(){
if(document.all){
return(document.body.clientWidth);
}else if(document.layers){
return(innerWidth);
}else{
return(-1);
}
}

// 分岐処理の結果を表示
function Text() {
// ウインドウの幅により分岐処理
if (600 > WindowSize()) {
document.write("小さい表示。");
document.write("<p>画面表示してる幅 : " + WindowSize() + " ピクセル</p>");
document.write("<p>ディスプレイの幅 : " + screen.width + " ピクセル</p>");
} else if (1024 > WindowSize()) {
document.write("中くらいの表示。");
document.write("<p>画面表示してる幅 : " + WindowSize() + " ピクセル</p>");
document.write("<p>ディスプレイの幅 : " + screen.width + " ピクセル</p>");

} else if (1280 > WindowSize()) {
document.write("大きい表示。");
document.write("<p>画面表示してる幅 : " + WindowSize() + " ピクセル</p>");
document.write("<p>ディスプレイの幅 : " + screen.width + " ピクセル</p>");

} else {
document.write("知らね!!。");
document.write("<p>画面表示してる幅 : " + WindowSize() + " ピクセル</p>");
document.write("<p>ディスプレイの幅 : " + screen.width + " ピクセル</p>");
}
}

//-->
</SCRIPT>
</head>
<body>
<script type="text/javascript">
<!--
// 分岐処理の結果を関数を呼び出して表示
Text();
// -->
</script>

</body>
</html>

1   名前: m035 ◆Wpzr1YKOiq : 2006/06/01(木) 00:03  [URL]  ID:Iscz08Ek
方法:
「ウィンドウがリサイズされたとき」に
(document.writeはロード時の書き出し用なので)
「リロード」して書き直す。

ヒント:
window.onresize
location.reload();

2   名前: m035 ◆Wpzr1YKOiq : 2006/06/01(木) 00:03  [URL]  ID:Iscz08Ek
追記:
document.writeにこだわらず、
・テキストボックスなどに値を入れる
・innerHTMLでテキストを変更
・DOMでテキストを変更
のいずれかならリロードしなくてもできると思われます。

一覧へ戻る