[MyTools.NET / JavaScript / Small Window]

■ Small Window ■
〜 小型のウィンドウを作る 〜
　通常より小さなサイズのウィンドウを作って、そこに任意のHTMLを表示させます。単体ではあまり意味がありませんが、この小さなウィンドウから元のウィンドウを操作することができるので、色々応用できます。試しに下のボタンを押してみて下さい。小さなウィンドウが現れます。

■ ソース

<SCRIPT LANGUAGE="JavaScript">
<!--
function NewWindow(url, x, y){
var newwin;
var windowFeatures = "width=" + x + ",height=" + y;
newwin = window.open("", "menu", windowFeatures);
newwin.location.href = url;
}
//  -->
</SCRIPT>

■ 方法

  1. 上のプログラムを、HTMLファイルの<HEAD>〜</HEAD>タグの間にコピーする。

  2. ボタンを付けたいところに次のように記述する。 
    <FORM>
<INPUT TYPE="BUTTON" VALUE="Push!"
onClick="NewWindow('URL', 'WIDTH', 'HEIGHT')">
</FORM>

    ※ 必ず http://〜 から始まる完全なURLで書いてください。

    (例) 480*640 のサイズの新しいウィンドウを開き、その中に MyTools.NET を表示させる。

    <FORM>
    <INPUT TYPE="BUTTON" VALUE="MyPage"
    onClick="NewWindow('http://www.mytools.net/', '480', '640')">
    </FORM>

    こうなります →

    　※ 新しく作るウィンドウにスクロールバーやボタンを付けることもできます。（ここでは紹介しません。）

■ 閉じるボタンをつける

　新しく開いたウィンドウは右上の×をクリックすれば消えますが、「閉じる」ボタンをつけたい場合は以下のように書きます。

<FORM><INPUT TYPE="BUTTON" VALUE="Close" OnClick="self.close()"></FORM>

■ ボタン以外で新しいウィンドウを作る方法

　上の例では、ボタンを押すと新しいウィンドウが作られるようにしましたが、他にも以下のようなタイミングで新しいウィンドウを呼出すようにすることが可能です。

● ページを読み込んだとき
　ページを読み込んだ時に、一緒に新しいウィンドウを作るようにしたい場合は、HEAD タグに以下のように記述します。

<HEAD onLoad="NewWindow('URL', 'WIDTH', 'HEIGHT')">

(例) こちらのページに移動すると、同時に小さなウィンドウが出てきます。

[MyTools.NET / JavaScript / Small Window]