← Back to branch summary

~smagoun/whoopsie/whoopsie-lp1017637

« back to all changes in this revision

Viewing changes to backend/stats/static/js/yui/tests/event/tests/manual/outside.html

  • Committer: Evan Dandrea
  • Date: 2012-05-09 05:53:45 UTC
  • Revision ID: evan.dandrea@canonical.com-20120509055345-z2j41tmcbf4as5uf
The backend now lives in lp:daisy and the website (errors.ubuntu.com) now lives in lp:errors.

Show diffs side-by-side

added added

removed removed

Lines of Context:
backend/stats/static/js/yui/tests/event/tests/manual/outside.html
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>