chapter-8_apache-chief/index.html at master · WebComponentsBook/chapter-8_apache-chief · 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
<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Dialog Component Example</title>
        <style type="text/css">
            .component {
                width: 400px;
                height: 200px;
                background: #ccc;
            }
        </style>
    </head>
    <body>
        <div class="component"></div>
        <script type="text/javascript" src="components/jquery/dist/jquery.js"></script>
        <script type="text/javascript" src="apacheChief.js"></script>
        <script type="text/javascript">
            (function () {
                var resizable = new ApacheChief($('.component')[0], {
                    handles: ['BL', 'BR', 'MR', 'ML', 'TM', 'TL', 'TR', 'BM']
                });
            })();
        </script>
    </body>
</html>