P2GUI/test.html at master · dlau011/P2GUI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<!DOCTYPE html>
<html>
<head>
    <link href="../assets/styles.min.css" rel="stylesheet">
    <title>jQuery UI Dialog: Open Dialog on Click</title>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
    <script src="//ajax.googleapis.com/ajax/libs/jqueryui/1/jquery-ui.min.js"></script>
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.4/themes/smoothness/jquery-ui.css">
</head>
<body>
<div id="dialog" title="Dialog">
    <p>This dialog was created on document ready event with <code>autoOpen</code> set to <code>false</code>.</p>
    <p>It was opened by calling <code>.dialog(&quot;open&quot;)</code> method.</p>
</div>
<input type="button" id="button" value="Click to open the dialog">
<script>
    /*
     * jQuery UI Dialog: Open Dialog on Click
     * http://salman-w.blogspot.com/2013/05/jquery-ui-dialog-examples.html
     */
    $(function() {
        $("#dialog").dialog({
            autoOpen: false
        });
        $("#button").on("click", function() {
            $("#dialog").dialog("open");
        });
    });
</script>
</body>
</html>