~ubuntu-branches/ubuntu/precise/maas/precise-updates

« back to all changes in this revision

Viewing changes to src/maasserver/static/jslibs/yui/3.4.1/tests/event/tests/manual/outside.html

Tags: 1.2+bzr1373+dfsg-0ubuntu1~12.04.4
* SECURITY UPDATE: failure to authenticate downloaded content (LP: #1039513)
  - debian/patches/CVE-2013-1058.patch: Authenticate downloaded files with
    GnuPG and MD5SUM files. Thanks to Julian Edwards.
  - CVE-2013-1058
* SECURITY UPDATE: configuration options may be loaded from current working
  directory (LP: #1158425)
  - debian/patches/CVE-2013-1057-1-2.patch: Do not load configuration
    options from the current working directory. Thanks to Julian Edwards.
  - CVE-2013-1057

Show diffs side-by-side

added added

removed removed

Lines of Context:
1
 
<!doctype html>
2
 
<html>
3
 
<head>
4
 
    <title>Outside Events Testbed</title>
5
 
    <style type="text/css">
6
 
    body {
7
 
        font-family: Lucida Grande, Lucida Sans Unicode, Arial;
8
 
    }
9
 
    
10
 
    div.box {
11
 
        border: 1px solid #999;
12
 
        float: left;
13
 
        height: 3em;
14
 
        margin: 0.5em 0 0 10px;
15
 
        padding: 0.2em 0.5em;
16
 
        width: 10em;
17
 
    }
18
 
    
19
 
    #outer {
20
 
        margin: 0 auto;
21
 
        width: 755px;
22
 
    }
23
 
    
24
 
    h2,p {margin-left: 10px;}
25
 
    h4 { margin: 0; padding: 0;}
26
 
    
27
 
    span {
28
 
        color: #000;
29
 
        font-style: italic;
30
 
    }
31
 
    
32
 
    #controls,
33
 
    #events {
34
 
        background: #ccf;
35
 
        height: 6em;
36
 
        width: 96%;
37
 
    }
38
 
    
39
 
    #controls div,
40
 
    #controls form {
41
 
        float: left;
42
 
        margin: 10px 2em 0 0;
43
 
    }
44
 
    
45
 
    #events {
46
 
        background: #cfc;
47
 
        width: 9.8em;
48
 
    }
49
 
    
50
 
    #events button { margin: 6px 0; }
51
 
    
52
 
    .checkbox label,
53
 
    .radio label { display: block; }
54
 
    
55
 
    button, select {
56
 
        display: block;
57
 
        margin-bottom: 5px;
58
 
    }
59
 
    
60
 
    form { margin-top: 1em; }
61
 
    
62
 
    .outside {
63
 
        background: #ff9 !important;
64
 
        border-color: #f30 !important;
65
 
        color: #f00;
66
 
    }
67
 
    </style>
68
 
</head>
69
 
 
70
 
<body>
71
 
    <div id="outer">
72
 
        <h2>Outside Events Testbed</h2>
73
 
        <p>
74
 
            Each of the boxes below respond to an outside event by temporarily
75
 
            changing color and displaying the originating event target. Poke around
76
 
            at the page and the test controls to trigger each outside event.
77
 
        </p>
78
 
        <p>
79
 
            In addition to native DOM events, try triggering Luke Smith's
80
 
            <a href="http://yuilibrary.com/gallery/show/event-konami" title="up, up, down, down, left, right, left, right, b, a">Konami event</a>.
81
 
            It will only fire once, so refresh the page if you want to try again.
82
 
        </p>
83
 
        
84
 
        <div class="box" id="blur">
85
 
            <h4>blur
86
 
            <input size="3">
87
 
            <input size="3"></h4>
88
 
            <span></span>
89
 
        </div>
90
 
        <div class="box" id="change">
91
 
            <h4>change
92
 
            <input size="3"></h4>
93
 
            <span></span>
94
 
        </div>
95
 
        <div class="box" id="click">
96
 
            <h4>click
97
 
            <input type="button" value="button"><a href="#">link</a></h4>
98
 
            <span></span>
99
 
        </div>
100
 
        <div class="box" id="dblclick">
101
 
            <h4>dblclick</h4>
102
 
            <span></span>
103
 
        </div>
104
 
        <div class="box" id="focus">
105
 
            <h4>focus
106
 
            <input size="3"></h4>
107
 
            <span></span>
108
 
        </div>
109
 
        <div class="box" id="keydown">
110
 
            <h4>keydown
111
 
            <input size="3"></h4>
112
 
            <span></span>
113
 
        </div>
114
 
        <div class="box" id="keypress">
115
 
            <h4>keypress
116
 
            <input size="3"></h4>
117
 
            <span></span>
118
 
        </div>
119
 
        <div class="box" id="keyup">
120
 
            <h4>keyup
121
 
            <input size="3"></h4>
122
 
            <span></span>
123
 
        </div>
124
 
        <div class="box" id="mousedown">
125
 
            <h4>mousedown
126
 
            <input type="button" value="x"></h4>
127
 
            <span></span>
128
 
        </div>
129
 
        <div class="box" id="mousemove">
130
 
            <h4>mousemove</h4>
131
 
            <span></span>
132
 
        </div>
133
 
        <div class="box" id="mouseout">
134
 
            <h4>mouseout</h4>
135
 
            <span></span>
136
 
        </div>
137
 
        <div class="box" id="mouseover">
138
 
            <h4>mouseover</h4>
139
 
            <span></span>
140
 
        </div>
141
 
        <div class="box" id="mouseup">
142
 
            <h4>mouseup
143
 
            <input type="button" value="button"></h4>
144
 
            <span></span>
145
 
        </div>
146
 
        <div class="box" id="select">
147
 
            <h4>select</h4>
148
 
            <span></span>
149
 
        </div>
150
 
        <div class="box" id="submit" style="position: relative;">
151
 
            <h4>submit</h4>
152
 
            <form style="position: absolute; right: 3px; top: 3px; margin: 0;"><input type="submit"></form>
153
 
            <span></span>
154
 
        </div>
155
 
        <div class="box" id="konami">
156
 
            <h4>konami
157
 
            <input size="3"></h4>
158
 
            <span></span>
159
 
        </div>
160
 
        
161
 
        <div class="box" id="controls">
162
 
            <h4>Test Controls</h4>
163
 
            <div>
164
 
                <select>
165
 
                    <option selected="selected">Option A</option>
166
 
                    <option>Option B</option>
167
 
                    <option>Option C</option>
168
 
                </select>
169
 
                <input type="text" id="text"><br/>
170
 
            </div>
171
 
            <div>
172
 
                <button>button</button>
173
 
                <a href="?linked" id="link">Link</a>
174
 
            </div>
175
 
            <div class="checkbox">
176
 
                <label><input type="checkbox" id="coke">Coke</label>
177
 
                <label><input type="checkbox" id="pepsi">Pepsi</label>
178
 
                <label><input type="checkbox" id="pibb">Pibb</label>
179
 
            </div>
180
 
            <div class="radio">
181
 
                <label><input type="radio" name="group" id="yes">Yes</label>
182
 
                <label><input type="radio" name="group" id="no">No</label>
183
 
                <label><input type="radio" name="group" id="maybe">Maybe</label>
184
 
            </div>
185
 
            <form method="get" action="">
186
 
                <input id="submitButton" type="submit" value="Submit">
187
 
            </form>
188
 
        </div>
189
 
    </div>
190
 
    
191
 
    <script src="../../../../build/yui/yui.js"></script>
192
 
    <script src="/dev/yui3-gallery/build/gallery-event-konami/gallery-event-konami.js"></script>
193
 
    <script src="test-event-outside.js"></script>
194
 
</body>
195
 
</html>