JavaScript 小技集2

<<Linjuxシステム設定 トップページに戻る

ここではポップアップウィンドウ(ボタンを押すと現れるブラウザ)設置の解説をしています。



  • ポップアップウィンドウ(小さいブラウザ)を表示する

    # これより下記をhead内に記述してください #
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function new_win(){
    window.open("page.html","","width=550,height=400");
    }
    //-->
    </SCRIPT>


    # 下記のポップアップで表示させるためのボタンを好きな場所に設置してください #
    <INPUT type="button" value="ポップアップウインドウで表示" onClick="new_win()">

    ※ポップアップウィンドウのサイズは、width=height= で変更してください。

  • 複数のポップアップウィンドウ(小さいブラウザ)を表示する

    # これより下記をhead内に記述してください #
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function new_win(){
    window.open("page.html","","width=550,height=400");
    }
    function new_win2(){
    window.open("page2.html","","width=550,height=400");
    }

    //-->
    </SCRIPT>


    # 下記のポップアップで表示させるためのボタンを好きな場所に設置してください #
    <INPUT type="button" value="ポップアップウインドウで表示1" onClick="new_win()">
    <INPUT type="button" value="ポップアップウインドウで表示2" onClick="new_win2()">


    ※さらに多くのポップアップを表示したい場合は、head内の「function new_win*()」の*を必要な数字に増やしていってください。