03 ウインドウの親子関係

2019-01-16 21:51:25

ウインドウに親子関係を作る

子は常に親の上に表示される

サンプルへのリンク

実行画面

2019-01-16 21:57:48

Sample03.html

2019-01-16 21:57:53

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1" />
    <link rel="stylesheet" href="../dist/css/jsw.css" />
    <script type="text/javascript" src="../dist/js/jsw.js"></script>
    <script type="text/javascript" src="Sample03.js"></script>
    <title>JSWindowTest</title>
</head>
<body>
</body>
</html>

Sample03.js

2019-01-16 21:57:51

//ページ読み込み時に実行する処理を設定
addEventListener("DOMContentLoaded", Sample03)
//ページ読み込み後に実行される内容
function Sample03() {
    //フレームウインドウの作成
    let mainWindow = new JSW.FrameWindow()
    //タイトルの設定
    mainWindow.setTitle('サンプル03')
    //クライアントノードを呼び出して
    mainWindow.getClient().innerHTML = 'ノードに対して<br>フレームウインドウの表示'

    //フレームウインドウの作成
    let mainWindow2 = new JSW.FrameWindow()
    //タイトルの設定
    mainWindow2.setTitle('サンプル03 ふたつ目')
    //クライアントノードを呼び出して
    mainWindow2.getClient().innerHTML = 'ウインドウをセンタリング'
    //サイズ指定
    mainWindow2.setSize(300, 400)
    //位置の設定
    mainWindow2.setPos(50, 50)
    //mainWindow2をmainWindowの子にする
    mainWindow.addChild(mainWindow2)

}