browser_dom.js revision 1148:f340141c05f1 
1#// Usage: jjs -fx browser_dom.js
2
3/*
4 * Copyright (c) 2014, Oracle and/or its affiliates. All rights reserved.
5 *
6 * Redistribution and use in source and binary forms, with or without
7 * modification, are permitted provided that the following conditions
8 * are met:
9 *
10 *   - Redistributions of source code must retain the above copyright
11 *     notice, this list of conditions and the following disclaimer.
12 *
13 *   - Redistributions in binary form must reproduce the above copyright
14 *     notice, this list of conditions and the following disclaimer in the
15 *     documentation and/or other materials provided with the distribution.
16 *
17 *   - Neither the name of Oracle nor the names of its
18 *     contributors may be used to endorse or promote products derived
19 *     from this software without specific prior written permission.
20 *
21 * THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS
22 * IS" AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO,
23 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR
24 * PURPOSE ARE DISCLAIMED.  IN NO EVENT SHALL THE COPYRIGHT OWNER OR
25 * CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
26 * EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
27 * PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR
28 * PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF
29 * LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
30 * NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
31 * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
32 */
33
34if (!$OPTIONS._fx) {
35    print("Usage: jjs -fx browser_dom.js");
36    exit(1);
37}
38
39// JavaFX classes used
40var ChangeListener = Java.type("javafx.beans.value.ChangeListener");
41var Scene     = Java.type("javafx.scene.Scene");
42var WebView   = Java.type("javafx.scene.web.WebView");
43
44// JavaFX start method
45function start(stage) {
46    start.title = "Web View";
47    var wv = new WebView();
48    wv.engine.loadContent(<<EOF
49<html>
50<head>
51<title>
52This is the title
53</title>
54<script>
55// click count for OK button
56var okCount = 0;
57</script>
58</head>
59<body>
60Button from the input html<br>
61<button type="button" onclick="okCount++">OK</button><br>
62</body>
63</html>
64EOF, "text/html");
65
66    // attach onload handler
67    wv.engine.loadWorker.stateProperty().addListener(
68        new ChangeListener() {
69            changed: function() {
70               // DOM document element
71               var document = wv.engine.document;
72               // DOM manipulation
73               var btn = document.createElement("button");
74               var n = 0;
75               // attach a button handler - nashorn function!
76               btn.onclick = function() {
77                   n++; print("You clicked " + n + " time(s)");
78                   print("you clicked OK " + wv.engine.executeScript("okCount"));
79               };
80               // attach text to button
81               var t = document.createTextNode("Click Me!");
82               btn.appendChild(t);
83               // attach button to the document
84               document.body.appendChild(btn);
85           }
86        }
87    );
88    stage.scene = new Scene(wv, 750, 500);
89    stage.show();
90}
91