~bac/juju-gui/trunkcopy

« back to all changes in this revision

Viewing changes to lib/yui/tests/panel/tests/manual/panel-in-form.html

  • Committer: kapil.foss at gmail
  • Date: 2012-07-13 18:45:59 UTC
  • Revision ID: kapil.foss@gmail.com-20120713184559-2xl7be17egsrz0c9
reshape

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
<!DOCTYPE html>
2
 
<html>
3
 
<head>
4
 
    <meta charset="utf-8" />
5
 
    <title>Panel in Form Manual Test</title>
6
 
 
7
 
    <link rel="stylesheet" href="../../../../build/cssreset/reset-min.css" />
8
 
    <link rel="stylesheet" href="../../../../build/cssfonts/fonts-min.css" />
9
 
    <link rel="stylesheet" href="../../../../build/cssbase/base-min.css" />
10
 
</head>
11
 
<body class="yui3-skin-sam">
12
 
 
13
 
    <h1>Panel in Form Manual Test</h1>
14
 
 
15
 
    <form action="">
16
 
        <div id="foo">
17
 
            <div class="yui3-widget-bd">
18
 
                Click the close button!
19
 
            </div>
20
 
        </div>
21
 
    </form>
22
 
 
23
 
    <script src="../../../../build/yui/yui.js"></script>
24
 
    <script>
25
 
    YUI({
26
 
        skin  : 'sam',
27
 
        filter: 'raw'
28
 
    }).use('panel', function (Y) {
29
 
 
30
 
        var panel = new Y.Panel({
31
 
            srcNode      : '#foo',
32
 
            headerContent: 'Panel',
33
 
            centered     : true,
34
 
            width        : 250,
35
 
            modal        : true,
36
 
            render       : true
37
 
        });
38
 
 
39
 
        Y.one('form').on('submit', function (e) {
40
 
            alert('The form is submitting!');
41
 
            e.preventDefault();
42
 
        });
43
 
 
44
 
    });
45
 
    </script>
46
 
</body>
47
 
</html>