上記のボタンにマウスカーソルを乗せて下さい
※ポッアップウィンドウにコメントが表示されます
※カーソルを離すとポッアップウィンドウは自動的に隠されます
■ボタンの設置
※<body>〜</body>間に記述します
-----次の行から(copy)-----
<form name="FORM1">
<input type="button" name="Win_Size" value="Full Screen"
style="color:#408080;background-color:#dddddd;width:200;"
title="ウィンドウサイズを表示している大きさに変更します"
onclick="WinResize()"
onmouseover="CreatePup()"
onmouseout="HidePup()">
</form>
-----上の行まで(copy)-----
■スクリプトの実行(起動時)
※<body〜>に記述します
-----次の行から(copy)-----
<body onload="WinResize()">
-----上の行まで(copy)-----
■スクリプト
※<head>〜</head>間に記述します
-----次の行から(copy)-----
<script type="text/javascript">
<!--
//◇ウィンドウサイズ変更
var n=1;
function WinResize() {
if (n==2) {
window.moveTo(0,0);
window.resizeTo(window.screen.availWidth, window.screen.availHeight);
document.FORM1.Win_Size.value="Window size 800×700";
n=1;
}
else {
window.moveTo(0,0);
window.resizeTo(800,700);
document.FORM1.Win_Size.value="Full Screen";
n=2;
}
}
//◇ポッアップウィンドウ表示
var Popup_f=0;
function CreatePup(){
win_Obj=window.createPopup();
Pup_Obj=win_Obj.document.body;
with (Pup_Obj.style) { //ポッアップウィンドウのスタイル設定
color="#000000"; //文字色
fontSize="9pt"; //フォントサイズ
filter="alpha(opacity=70)"; //透明度
background="#ffffff"; //背景色
padding="5"; //余白
lineHeight="150%"; //行間隔
textAlign="center"; //横位置
borderColor="red"; //枠色
borderStyle="solid"; //枠の種類
borderWidth="1px"; //枠幅
}
if (n==2) {
Pup_Obj.innerHTML="<b>ウィンドウサイズを[W800(px)×H700(px)]で表示しています。</b><br> ◇クリックするとフルスクリーン表示になります。<br> ◇ウィンドウ右下端をドラッグしてウィンドウサイズを変更できます。";
}
else {
Pup_Obj.innerHTML="<b>ウィンドウサイズを[フルスクリーン]サイズで表示しています。</b><br> ◇クリックすると[W800(px)×H700(px)]表示になります。<br> ◇ウィンドウ右下端をドラッグしてウィンドウサイズを変更できます。";
}
win_Obj.show(100,100,400,70,document.body);
Popup_f=1;
}
//◇ポッアップウィンドウ非表示
function HidePup() {
if (Popup_f=1) {
win_Obj.hide();
Popup_f=0;
}
}
//-->
</script>
-----上の行まで(copy)-----
■適用技/このページの技に適用した他の技です
◇[技k012]ウィンドウをフルスクリーンサイズにする