guff-compass 0.7.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- checksums.yaml +7 -0
- data/.editorconfig +21 -0
- data/.gitignore +6 -0
- data/LICENSE.txt +22 -0
- data/README.md +21 -0
- data/demo/bower_components/jquery/.bower.json +21 -0
- data/demo/bower_components/jquery/.editorconfig +43 -0
- data/demo/bower_components/jquery/.gitattributes +2 -0
- data/demo/bower_components/jquery/.gitignore +14 -0
- data/demo/bower_components/jquery/.gitmodules +6 -0
- data/demo/bower_components/jquery/.jshintrc +17 -0
- data/demo/bower_components/jquery/.mailmap +94 -0
- data/demo/bower_components/jquery/AUTHORS.txt +170 -0
- data/demo/bower_components/jquery/CONTRIBUTING.md +216 -0
- data/demo/bower_components/jquery/Gruntfile.js +594 -0
- data/demo/bower_components/jquery/MIT-LICENSE.txt +21 -0
- data/demo/bower_components/jquery/README.md +398 -0
- data/demo/bower_components/jquery/bower.json +11 -0
- data/demo/bower_components/jquery/build/release-notes.js +59 -0
- data/demo/bower_components/jquery/build/release.js +316 -0
- data/demo/bower_components/jquery/component.json +15 -0
- data/demo/bower_components/jquery/composer.json +35 -0
- data/demo/bower_components/jquery/jquery-migrate.js +511 -0
- data/demo/bower_components/jquery/jquery-migrate.min.js +3 -0
- data/demo/bower_components/jquery/jquery.js +9789 -0
- data/demo/bower_components/jquery/jquery.min.js +6 -0
- data/demo/bower_components/jquery/jquery.min.map +1 -0
- data/demo/bower_components/jquery/package.json +38 -0
- data/demo/bower_components/jquery/speed/benchmark.js +15 -0
- data/demo/bower_components/jquery/speed/benchmarker.css +65 -0
- data/demo/bower_components/jquery/speed/benchmarker.js +181 -0
- data/demo/bower_components/jquery/speed/closest.html +39 -0
- data/demo/bower_components/jquery/speed/css.html +82 -0
- data/demo/bower_components/jquery/speed/event.html +58 -0
- data/demo/bower_components/jquery/speed/filter.html +183 -0
- data/demo/bower_components/jquery/speed/find.html +179 -0
- data/demo/bower_components/jquery/speed/index.html +72 -0
- data/demo/bower_components/jquery/speed/jquery-basis.js +6238 -0
- data/demo/bower_components/jquery/speed/slice.vs.concat.html +47 -0
- data/demo/bower_components/jquery/src/.jshintrc +27 -0
- data/demo/bower_components/jquery/src/ajax.js +855 -0
- data/demo/bower_components/jquery/src/ajax/jsonp.js +80 -0
- data/demo/bower_components/jquery/src/ajax/script.js +86 -0
- data/demo/bower_components/jquery/src/ajax/xhr.js +207 -0
- data/demo/bower_components/jquery/src/attributes.js +659 -0
- data/demo/bower_components/jquery/src/callbacks.js +197 -0
- data/demo/bower_components/jquery/src/core.js +981 -0
- data/demo/bower_components/jquery/src/css.js +661 -0
- data/demo/bower_components/jquery/src/data.js +336 -0
- data/demo/bower_components/jquery/src/deferred.js +141 -0
- data/demo/bower_components/jquery/src/deprecated.js +11 -0
- data/demo/bower_components/jquery/src/dimensions.js +41 -0
- data/demo/bower_components/jquery/src/effects.js +732 -0
- data/demo/bower_components/jquery/src/event-alias.js +32 -0
- data/demo/bower_components/jquery/src/event.js +995 -0
- data/demo/bower_components/jquery/src/exports.js +21 -0
- data/demo/bower_components/jquery/src/intro.js +20 -0
- data/demo/bower_components/jquery/src/manipulation.js +744 -0
- data/demo/bower_components/jquery/src/offset.js +169 -0
- data/demo/bower_components/jquery/src/outro.js +2 -0
- data/demo/bower_components/jquery/src/queue.js +146 -0
- data/demo/bower_components/jquery/src/serialize.js +99 -0
- data/demo/bower_components/jquery/src/sizzle-jquery.js +7 -0
- data/demo/bower_components/jquery/src/support.js +246 -0
- data/demo/bower_components/jquery/src/traversing.js +283 -0
- data/demo/bower_components/jquery/src/wrap.js +66 -0
- data/demo/bower_components/jquery/test/.jshintignore +3 -0
- data/demo/bower_components/jquery/test/.jshintrc +60 -0
- data/demo/bower_components/jquery/test/data/1x1.jpg +0 -0
- data/demo/bower_components/jquery/test/data/ajax/unreleasedXHR.html +25 -0
- data/demo/bower_components/jquery/test/data/atom+xml.php +4 -0
- data/demo/bower_components/jquery/test/data/badcall.js +1 -0
- data/demo/bower_components/jquery/test/data/badjson.js +1 -0
- data/demo/bower_components/jquery/test/data/cleanScript.html +10 -0
- data/demo/bower_components/jquery/test/data/core/cc_on.html +22 -0
- data/demo/bower_components/jquery/test/data/dashboard.xml +11 -0
- data/demo/bower_components/jquery/test/data/dimensions/documentLarge.html +17 -0
- data/demo/bower_components/jquery/test/data/dimensions/documentSmall.html +21 -0
- data/demo/bower_components/jquery/test/data/echoData.php +1 -0
- data/demo/bower_components/jquery/test/data/echoQuery.php +1 -0
- data/demo/bower_components/jquery/test/data/errorWithJSON.php +6 -0
- data/demo/bower_components/jquery/test/data/errorWithText.php +5 -0
- data/demo/bower_components/jquery/test/data/etag.php +21 -0
- data/demo/bower_components/jquery/test/data/evalScript.php +1 -0
- data/demo/bower_components/jquery/test/data/event/focusElem.html +16 -0
- data/demo/bower_components/jquery/test/data/event/longLoadScript.php +4 -0
- data/demo/bower_components/jquery/test/data/event/promiseReady.html +17 -0
- data/demo/bower_components/jquery/test/data/event/syncReady.html +23 -0
- data/demo/bower_components/jquery/test/data/headers.php +18 -0
- data/demo/bower_components/jquery/test/data/if_modified_since.php +20 -0
- data/demo/bower_components/jquery/test/data/iframe.html +8 -0
- data/demo/bower_components/jquery/test/data/jquery-1.9.1.ajax_xhr.min.js +5 -0
- data/demo/bower_components/jquery/test/data/json.php +13 -0
- data/demo/bower_components/jquery/test/data/json_obj.js +1 -0
- data/demo/bower_components/jquery/test/data/jsonp.php +14 -0
- data/demo/bower_components/jquery/test/data/manipulation/iframe-denied.html +36 -0
- data/demo/bower_components/jquery/test/data/name.html +1 -0
- data/demo/bower_components/jquery/test/data/name.php +24 -0
- data/demo/bower_components/jquery/test/data/nocontent.php +5 -0
- data/demo/bower_components/jquery/test/data/offset/absolute.html +41 -0
- data/demo/bower_components/jquery/test/data/offset/body.html +26 -0
- data/demo/bower_components/jquery/test/data/offset/fixed.html +34 -0
- data/demo/bower_components/jquery/test/data/offset/relative.html +31 -0
- data/demo/bower_components/jquery/test/data/offset/scroll.html +39 -0
- data/demo/bower_components/jquery/test/data/offset/static.html +31 -0
- data/demo/bower_components/jquery/test/data/offset/table.html +43 -0
- data/demo/bower_components/jquery/test/data/params_html.php +12 -0
- data/demo/bower_components/jquery/test/data/readywaitasset.js +1 -0
- data/demo/bower_components/jquery/test/data/readywaitloader.js +25 -0
- data/demo/bower_components/jquery/test/data/script.php +11 -0
- data/demo/bower_components/jquery/test/data/selector/html5_selector.html +114 -0
- data/demo/bower_components/jquery/test/data/selector/sizzle_cache.html +21 -0
- data/demo/bower_components/jquery/test/data/statusText.php +5 -0
- data/demo/bower_components/jquery/test/data/support/bodyBackground.html +28 -0
- data/demo/bower_components/jquery/test/data/support/boxSizing.html +19 -0
- data/demo/bower_components/jquery/test/data/support/csp.js +3 -0
- data/demo/bower_components/jquery/test/data/support/csp.php +22 -0
- data/demo/bower_components/jquery/test/data/support/shrinkWrapBlocks.html +23 -0
- data/demo/bower_components/jquery/test/data/support/testElementCrash.html +17 -0
- data/demo/bower_components/jquery/test/data/test.html +7 -0
- data/demo/bower_components/jquery/test/data/test.js +3 -0
- data/demo/bower_components/jquery/test/data/test.php +7 -0
- data/demo/bower_components/jquery/test/data/test2.html +5 -0
- data/demo/bower_components/jquery/test/data/test3.html +3 -0
- data/demo/bower_components/jquery/test/data/testinit.js +264 -0
- data/demo/bower_components/jquery/test/data/testrunner.js +371 -0
- data/demo/bower_components/jquery/test/data/testsuite.css +155 -0
- data/demo/bower_components/jquery/test/data/text.php +12 -0
- data/demo/bower_components/jquery/test/data/ua.txt +272 -0
- data/demo/bower_components/jquery/test/data/with_fries.xml +25 -0
- data/demo/bower_components/jquery/test/data/with_fries_over_jsonp.php +7 -0
- data/demo/bower_components/jquery/test/delegatetest.html +228 -0
- data/demo/bower_components/jquery/test/hovertest.html +158 -0
- data/demo/bower_components/jquery/test/index.html +337 -0
- data/demo/bower_components/jquery/test/jquery.js +5 -0
- data/demo/bower_components/jquery/test/localfile.html +75 -0
- data/demo/bower_components/jquery/test/networkerror.html +84 -0
- data/demo/bower_components/jquery/test/readywait.html +70 -0
- data/demo/bower_components/jquery/test/unit/ajax.js +2016 -0
- data/demo/bower_components/jquery/test/unit/attributes.js +1388 -0
- data/demo/bower_components/jquery/test/unit/callbacks.js +342 -0
- data/demo/bower_components/jquery/test/unit/core.js +1360 -0
- data/demo/bower_components/jquery/test/unit/css.js +1056 -0
- data/demo/bower_components/jquery/test/unit/data.js +645 -0
- data/demo/bower_components/jquery/test/unit/deferred.js +436 -0
- data/demo/bower_components/jquery/test/unit/deprecated.js +8 -0
- data/demo/bower_components/jquery/test/unit/dimensions.js +472 -0
- data/demo/bower_components/jquery/test/unit/effects.js +2242 -0
- data/demo/bower_components/jquery/test/unit/event.js +2755 -0
- data/demo/bower_components/jquery/test/unit/exports.js +7 -0
- data/demo/bower_components/jquery/test/unit/manipulation.js +2120 -0
- data/demo/bower_components/jquery/test/unit/offset.js +559 -0
- data/demo/bower_components/jquery/test/unit/queue.js +314 -0
- data/demo/bower_components/jquery/test/unit/selector.js +172 -0
- data/demo/bower_components/jquery/test/unit/serialize.js +148 -0
- data/demo/bower_components/jquery/test/unit/support.js +370 -0
- data/demo/bower_components/jquery/test/unit/traversing.js +797 -0
- data/demo/bower_components/jquery/test/unit/wrap.js +265 -0
- data/demo/bower_components/jquery/test/xhtml.php +5 -0
- data/demo/index.html +347 -0
- data/demo/styles/main.css +208 -0
- data/demo/styles/main.scss +138 -0
- data/docs/docco.css +506 -0
- data/docs/guff.html +1127 -0
- data/docs/public/fonts/aller-bold.eot +0 -0
- data/docs/public/fonts/aller-bold.ttf +0 -0
- data/docs/public/fonts/aller-bold.woff +0 -0
- data/docs/public/fonts/aller-light.eot +0 -0
- data/docs/public/fonts/aller-light.ttf +0 -0
- data/docs/public/fonts/aller-light.woff +0 -0
- data/docs/public/fonts/novecento-bold.eot +0 -0
- data/docs/public/fonts/novecento-bold.ttf +0 -0
- data/docs/public/fonts/novecento-bold.woff +0 -0
- data/docs/public/stylesheets/normalize.css +375 -0
- data/guff.gemspec +16 -0
- data/guff.scss +514 -0
- data/gulpfile.js +67 -0
- data/lib/guff.rb +4 -0
- data/lib/stylesheets/_guff.scss +514 -0
- data/package.json +19 -0
- data/src/_functions.scss +57 -0
- data/src/_mixins.scss +301 -0
- data/src/_reset.scss +67 -0
- data/src/_settings.scss +22 -0
- data/src/_typography.scss +67 -0
- metadata +259 -0
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
<!DOCTYPE html>
|
|
2
|
+
<html>
|
|
3
|
+
<head>
|
|
4
|
+
<title>Event Delegation Tests</title>
|
|
5
|
+
<script src="jquery.js"></script>
|
|
6
|
+
<style>
|
|
7
|
+
table {
|
|
8
|
+
border-collapse: collapse;
|
|
9
|
+
empty-cells: show;
|
|
10
|
+
}
|
|
11
|
+
th {
|
|
12
|
+
text-align: left;
|
|
13
|
+
}
|
|
14
|
+
thead td {
|
|
15
|
+
width: 11%;
|
|
16
|
+
}
|
|
17
|
+
tbody td {
|
|
18
|
+
background: #fed;
|
|
19
|
+
}
|
|
20
|
+
th, td {
|
|
21
|
+
border: 1px solid #bbb;
|
|
22
|
+
}
|
|
23
|
+
</style>
|
|
24
|
+
</head>
|
|
25
|
+
<body>
|
|
26
|
+
<h2>Delegate Tests (<span id="fileversion">x</span>)</h2>
|
|
27
|
+
|
|
28
|
+
<table id="changes">
|
|
29
|
+
<thead>
|
|
30
|
+
<tr>
|
|
31
|
+
<th>
|
|
32
|
+
Controls:
|
|
33
|
+
</th>
|
|
34
|
+
<td id="select-one">
|
|
35
|
+
<select>
|
|
36
|
+
<option value='one1'>one1</option>
|
|
37
|
+
<option value='one2'>one2</option>
|
|
38
|
+
<option value='one3'>one3</option>
|
|
39
|
+
</select>
|
|
40
|
+
<select>
|
|
41
|
+
<option value='two1'>two1</option>
|
|
42
|
+
<option value='two2' selected="selected">two2</option>
|
|
43
|
+
<option value='two3'>two3</option>
|
|
44
|
+
</select>
|
|
45
|
+
</td>
|
|
46
|
+
<td id="select-mult">
|
|
47
|
+
<select multiple="multiple">
|
|
48
|
+
<option value='multi1'>multi1</option>
|
|
49
|
+
<option value='multi2'>multi2</option>
|
|
50
|
+
<option value='multi3'>multi3</option>
|
|
51
|
+
</select>
|
|
52
|
+
</td>
|
|
53
|
+
<td id="checkbox">
|
|
54
|
+
<input type="checkbox" name="mycheckbox" id="check1"/>
|
|
55
|
+
<label for="check1">check1</label><br/>
|
|
56
|
+
<input type="checkbox" name="mycheckbox" id="check2"/>
|
|
57
|
+
<label for="check2">check2</label><br />
|
|
58
|
+
<input type="checkbox" name="mycheckbox" id="check3" disabled="disabled"/>
|
|
59
|
+
<label for="check3">check3</label>
|
|
60
|
+
</td>
|
|
61
|
+
<td id="radio">
|
|
62
|
+
<input type="radio" name="myradio" id="radio1"/>
|
|
63
|
+
<label for="radio1">Radio1</label><br/>
|
|
64
|
+
<input type="radio" name="myradio" id="radio2"/>
|
|
65
|
+
<label for="radio2">Radio2</label><br />
|
|
66
|
+
<input type="radio" name="myradio" id="radio3" disabled="disabled"/>
|
|
67
|
+
<label for="radio3">Radio3</label>
|
|
68
|
+
</td>
|
|
69
|
+
<td id="file">
|
|
70
|
+
<input class="file_test" id="file1" type="file"/>
|
|
71
|
+
</td>
|
|
72
|
+
<td id="text">
|
|
73
|
+
<input class='test' value='' id='input' size='10' />
|
|
74
|
+
<input class='test' value='test' id='input2' size='10' readonly="readonly" />
|
|
75
|
+
</td>
|
|
76
|
+
<td id="textarea">
|
|
77
|
+
<textarea rows='2'></textarea>
|
|
78
|
+
</td>
|
|
79
|
+
<td id="button">
|
|
80
|
+
<button name="mybutton1" id="button1">Button</button><br />
|
|
81
|
+
<button name="mybutton2" id="button2"><span>Button w/ child</span></button><br />
|
|
82
|
+
<button name="mybutton3" id="button3" disabled="disabled">Button Disabled</button><br />
|
|
83
|
+
<button name="mybutton4" id="button4" disabled="disabled"><span disabled="disabled">Button, child Disabled</span></button><br />
|
|
84
|
+
</td>
|
|
85
|
+
</tr>
|
|
86
|
+
</thead>
|
|
87
|
+
<tbody>
|
|
88
|
+
</tbody>
|
|
89
|
+
</table>
|
|
90
|
+
<p>NOTE: Only IE supports propertychange, beforeactivate, beforedeactivate; buttons do not support change events.</p>
|
|
91
|
+
|
|
92
|
+
<h2>Submit Tests</h2>
|
|
93
|
+
<table>
|
|
94
|
+
<tr>
|
|
95
|
+
<td>
|
|
96
|
+
Submit each:
|
|
97
|
+
</td>
|
|
98
|
+
<td>
|
|
99
|
+
<form action="" id="text_submit">
|
|
100
|
+
<input class='test' type='text' value='Key Return To Submit'/>
|
|
101
|
+
</form>
|
|
102
|
+
</td>
|
|
103
|
+
<td>
|
|
104
|
+
<form action="" id="password_submit">
|
|
105
|
+
<input class='test' type='password' value=''/>
|
|
106
|
+
</form>
|
|
107
|
+
</td>
|
|
108
|
+
<td>
|
|
109
|
+
<form action="" id="submit_submit">
|
|
110
|
+
<input type='submit' value="Click Me To Submit" />
|
|
111
|
+
</form>
|
|
112
|
+
</td>
|
|
113
|
+
<td>$(document).bind('submit')</td>
|
|
114
|
+
</tr>
|
|
115
|
+
<tr>
|
|
116
|
+
<td>Results:</td>
|
|
117
|
+
<td id='textSubmit' class="red">TEXT</td>
|
|
118
|
+
<td id='passwordSubmit' class="red">PASSWORD</td>
|
|
119
|
+
<td id='submitSubmit' class="red">BUTTON</td>
|
|
120
|
+
<td id='boundSubmit' class="red">DOCUMENT</td>
|
|
121
|
+
</tr>
|
|
122
|
+
</table>
|
|
123
|
+
|
|
124
|
+
<form id="autosub"><input type=submit name=subme /></form>
|
|
125
|
+
|
|
126
|
+
<script type='text/javascript'>
|
|
127
|
+
|
|
128
|
+
$("#fileversion").text($.fn.jquery);
|
|
129
|
+
|
|
130
|
+
// Try an auto-submit, it should only fire once
|
|
131
|
+
$(function(){
|
|
132
|
+
var triggered = false;
|
|
133
|
+
$("#autosub input").trigger("keypress");
|
|
134
|
+
$("body").on("submit", "#autosub", function( e ){
|
|
135
|
+
e.preventDefault();
|
|
136
|
+
e.stopPropagation();
|
|
137
|
+
if ( triggered ) {
|
|
138
|
+
alert("autosubmit FAIL");
|
|
139
|
+
}
|
|
140
|
+
triggered = true;
|
|
141
|
+
});
|
|
142
|
+
$("#autosub").submit().remove();
|
|
143
|
+
});
|
|
144
|
+
|
|
145
|
+
// Events we want to track in row-order
|
|
146
|
+
var events = "bind-change live-change onX-change bind-propertychange live-beforeactivate live-focusin bind-focus live-beforedeactivate live-focusout bind-blur live-click live-keydown".split(" "),
|
|
147
|
+
counter = 0;
|
|
148
|
+
blinker = function(event){
|
|
149
|
+
if ( !counter ) {
|
|
150
|
+
$("#changes tbody td").text("");
|
|
151
|
+
}
|
|
152
|
+
var $el = event.data,
|
|
153
|
+
prev = $el.text();
|
|
154
|
+
prev = prev? prev +" | " : "";
|
|
155
|
+
return $el
|
|
156
|
+
.text(prev + ++counter+" " + (this.value.replace(/^on$/,"") || this.id || this.checked || ""))
|
|
157
|
+
.css("backgroundColor","#0f0")
|
|
158
|
+
.delay(800)
|
|
159
|
+
.queue(function(next){
|
|
160
|
+
$el.css("backgroundColor","#afa");
|
|
161
|
+
--counter;
|
|
162
|
+
next();
|
|
163
|
+
});
|
|
164
|
+
};
|
|
165
|
+
|
|
166
|
+
for ( var i=0; i < events.length; i++ ) {
|
|
167
|
+
var m = events[i].split("-"),
|
|
168
|
+
api = m[0],
|
|
169
|
+
type = m[1],
|
|
170
|
+
$row = $("<tr><th>"+type+" "+api+"</th></tr>");
|
|
171
|
+
|
|
172
|
+
$("#changes thead td").each(function(){
|
|
173
|
+
var id = "#"+this.id,
|
|
174
|
+
$cell = $('<td></td>');
|
|
175
|
+
if ( api == "onX" ) {
|
|
176
|
+
$(this).find("input, button, select, textarea").each(function(){
|
|
177
|
+
this["on"+type] = function(e){ e = $.event.fix(e||event); e.data = $cell; blinker.call(this, e); };
|
|
178
|
+
});
|
|
179
|
+
} else if ( api == "bind" ) {
|
|
180
|
+
$(this).find("input, button, select, textarea").bind(type, $cell, blinker);
|
|
181
|
+
} else {
|
|
182
|
+
$(id+" input,"+id+" button,"+id+" select,"+id+" textarea").live(type, $cell, blinker);
|
|
183
|
+
}
|
|
184
|
+
$row.append($cell);
|
|
185
|
+
});
|
|
186
|
+
$("#changes tbody").append($row);
|
|
187
|
+
}
|
|
188
|
+
|
|
189
|
+
// Ensure that cloned elements get the delegated event magic; this is
|
|
190
|
+
// implementation-specific knowledge but otherwise impossible to test.
|
|
191
|
+
// The beforeactivate event attaches a direct-bound change event.
|
|
192
|
+
// (Only care about the live change for this third select element.)
|
|
193
|
+
var sel1 = $("#select-one select:first-child");
|
|
194
|
+
if ( typeof(sel1[0].fireEvent) !== "undefined" ) {
|
|
195
|
+
sel1.trigger( "beforeactivate" ).clone().appendTo("#select-one");
|
|
196
|
+
//alert($("#select-one select").map(function(){ return this._change_attached || "undef"; }).get().join("|"));
|
|
197
|
+
}
|
|
198
|
+
|
|
199
|
+
jQuery.fn.blink = function(){
|
|
200
|
+
return this
|
|
201
|
+
.css("backgroundColor","green")
|
|
202
|
+
.text( (parseInt(this.text(), 10) || 0) + 1 )
|
|
203
|
+
.delay(700).queue(function(next){
|
|
204
|
+
jQuery(this).css("backgroundColor","#afa");
|
|
205
|
+
next();
|
|
206
|
+
});
|
|
207
|
+
};
|
|
208
|
+
|
|
209
|
+
jQuery.fn.addSubmitTest = function( id, prevent ) {
|
|
210
|
+
return this.live("submit", function(e){
|
|
211
|
+
if ( prevent ) {
|
|
212
|
+
e.preventDefault();
|
|
213
|
+
}
|
|
214
|
+
jQuery(id).blink();
|
|
215
|
+
});
|
|
216
|
+
};
|
|
217
|
+
|
|
218
|
+
$("#text_submit").addSubmitTest("#textSubmit", true);
|
|
219
|
+
$("#password_submit").addSubmitTest("#passwordSubmit", true);
|
|
220
|
+
$("#submit_submit").addSubmitTest("#submitSubmit", true);
|
|
221
|
+
$("#prog_submit").addSubmitTest("#submitSubmit", true);
|
|
222
|
+
$(document).bind("submit", function(){
|
|
223
|
+
jQuery("#boundSubmit").blink();
|
|
224
|
+
});
|
|
225
|
+
|
|
226
|
+
</script>
|
|
227
|
+
</body>
|
|
228
|
+
</html>
|
|
@@ -0,0 +1,158 @@
|
|
|
1
|
+
<html>
|
|
2
|
+
<head>
|
|
3
|
+
<title>Hover tests</title>
|
|
4
|
+
<script src="jquery.js"></script>
|
|
5
|
+
<style>
|
|
6
|
+
/* Remove body dimensions so we can test enter/leave to surrounding browser chrome */
|
|
7
|
+
body, html {
|
|
8
|
+
border: 0;
|
|
9
|
+
margin: 0;
|
|
10
|
+
padding: 0;
|
|
11
|
+
}
|
|
12
|
+
p {
|
|
13
|
+
margin: 2px 0;
|
|
14
|
+
}
|
|
15
|
+
.hover-box {
|
|
16
|
+
background: #f33;
|
|
17
|
+
padding: 3px;
|
|
18
|
+
margin: 10px 40px 20px 0;
|
|
19
|
+
}
|
|
20
|
+
.hover-status {
|
|
21
|
+
background: #f66;
|
|
22
|
+
padding: 1px;
|
|
23
|
+
}
|
|
24
|
+
.hover-inside {
|
|
25
|
+
background: #6f6;
|
|
26
|
+
padding: 1px;
|
|
27
|
+
margin: 8px auto;
|
|
28
|
+
width: 40%;
|
|
29
|
+
text-align: center;
|
|
30
|
+
}
|
|
31
|
+
</style>
|
|
32
|
+
</head>
|
|
33
|
+
<body>
|
|
34
|
+
<h2>Hover (mouse{over,out,enter,leave}) Tests</h2>
|
|
35
|
+
<p>Be sure to try moving the mouse out of the browser via the left side on each test.</p>
|
|
36
|
+
<div id="wrapper">
|
|
37
|
+
|
|
38
|
+
<div id="hoverbox" class="hover-box">
|
|
39
|
+
<div class="hover-status">
|
|
40
|
+
<button>Activate</button>
|
|
41
|
+
.hover() in/out: <span class="ins">0</span> / <span class="outs">0</span>
|
|
42
|
+
</div>
|
|
43
|
+
<div class="hover-inside">
|
|
44
|
+
Mouse over here should NOT trigger the counter.
|
|
45
|
+
</div>
|
|
46
|
+
</div>
|
|
47
|
+
<div id="liveenterbox" class="hover-box">
|
|
48
|
+
<div class="hover-status">
|
|
49
|
+
<button>Activate</button>
|
|
50
|
+
Live enter/leave: <span class="ins">0</span> / <span class="outs">0</span>
|
|
51
|
+
</div>
|
|
52
|
+
<div class="hover-inside">
|
|
53
|
+
Mouse over here should NOT trigger the counter.
|
|
54
|
+
</div>
|
|
55
|
+
</div>
|
|
56
|
+
<div id="delegateenterbox" class="hover-box">
|
|
57
|
+
<div class="hover-status">
|
|
58
|
+
<button>Activate</button>
|
|
59
|
+
Delegated enter/leave: <span class="ins">0</span> / <span class="outs">0</span>
|
|
60
|
+
</div>
|
|
61
|
+
<div class="hover-inside">
|
|
62
|
+
Mouse over here should NOT trigger the counter.
|
|
63
|
+
</div>
|
|
64
|
+
</div>
|
|
65
|
+
|
|
66
|
+
<div id="overbox" class="hover-box">
|
|
67
|
+
<div class="hover-status">
|
|
68
|
+
<button>Activate</button>
|
|
69
|
+
Bind over/out: <span class="ins">0</span> / <span class="outs">0</span>
|
|
70
|
+
</div>
|
|
71
|
+
<div class="hover-inside">
|
|
72
|
+
Mouse over here SHOULD trigger the counter.
|
|
73
|
+
</div>
|
|
74
|
+
</div>
|
|
75
|
+
<div id="liveoverbox" class="hover-box">
|
|
76
|
+
<div class="hover-status">
|
|
77
|
+
<button>Activate</button>
|
|
78
|
+
Live over/out: <span class="ins">0</span> / <span class="outs">0</span>
|
|
79
|
+
</div>
|
|
80
|
+
<div class="hover-inside">
|
|
81
|
+
Mouse over here SHOULD trigger the counter.
|
|
82
|
+
</div>
|
|
83
|
+
</div>
|
|
84
|
+
<div id="delegateoverbox" class="hover-box">
|
|
85
|
+
<div class="hover-status">
|
|
86
|
+
<button>Activate</button>
|
|
87
|
+
Delegated over/out: <span class="ins">0</span> / <span class="outs">0</span>
|
|
88
|
+
</div>
|
|
89
|
+
<div class="hover-inside">
|
|
90
|
+
Mouse over here SHOULD trigger the counter.
|
|
91
|
+
</div>
|
|
92
|
+
</div>
|
|
93
|
+
|
|
94
|
+
</div> <!-- wrapper -->
|
|
95
|
+
|
|
96
|
+
<script>
|
|
97
|
+
|
|
98
|
+
$(function(){
|
|
99
|
+
|
|
100
|
+
var x,
|
|
101
|
+
countIns = function() {
|
|
102
|
+
var d = $(this).data();
|
|
103
|
+
$("span.ins", this).text(++d.ins);
|
|
104
|
+
},
|
|
105
|
+
countOuts = function() {
|
|
106
|
+
var d = $(this).data();
|
|
107
|
+
$("span.outs", this).text(++d.outs);
|
|
108
|
+
};
|
|
109
|
+
|
|
110
|
+
// Tests can be activated separately or in combination to check for interference
|
|
111
|
+
|
|
112
|
+
$("#hoverbox button").click(function(){
|
|
113
|
+
$("#hoverbox")
|
|
114
|
+
.data({ ins: 0, outs: 0 })
|
|
115
|
+
.hover( countIns, countOuts );
|
|
116
|
+
$(this).remove();
|
|
117
|
+
});
|
|
118
|
+
$("#delegateenterbox button").click(function(){
|
|
119
|
+
$("html")
|
|
120
|
+
.find("#delegateenterbox").data({ ins: 0, outs: 0 }).end()
|
|
121
|
+
.delegate("#delegateenterbox", "mouseenter", countIns )
|
|
122
|
+
.delegate("#delegateenterbox", "mouseleave", countOuts );
|
|
123
|
+
$(this).remove();
|
|
124
|
+
});
|
|
125
|
+
$("#liveenterbox button").click(function(){
|
|
126
|
+
$("#liveenterbox")
|
|
127
|
+
.data({ ins: 0, outs: 0 })
|
|
128
|
+
.live("mouseenter", countIns )
|
|
129
|
+
.live("mouseleave", countOuts );
|
|
130
|
+
$(this).remove();
|
|
131
|
+
});
|
|
132
|
+
|
|
133
|
+
$("#overbox button").click(function(){
|
|
134
|
+
$("#overbox")
|
|
135
|
+
.data({ ins: 0, outs: 0 })
|
|
136
|
+
.bind("mouseover", countIns )
|
|
137
|
+
.bind("mouseout", countOuts );
|
|
138
|
+
$(this).remove();
|
|
139
|
+
});
|
|
140
|
+
$("#liveoverbox button").click(function(){
|
|
141
|
+
$("#liveoverbox")
|
|
142
|
+
.data({ ins: 0, outs: 0 })
|
|
143
|
+
.live("mouseover", countIns )
|
|
144
|
+
.live("mouseout", countOuts );
|
|
145
|
+
$(this).remove();
|
|
146
|
+
});
|
|
147
|
+
$("#delegateoverbox button").click(function(){
|
|
148
|
+
$(document)
|
|
149
|
+
.find("#delegateoverbox").data({ ins: 0, outs: 0 }).end()
|
|
150
|
+
.delegate("#delegateoverbox", "mouseover", countIns )
|
|
151
|
+
.delegate("#delegateoverbox", "mouseout", countOuts );
|
|
152
|
+
$(this).remove();
|
|
153
|
+
});
|
|
154
|
+
});
|
|
155
|
+
|
|
156
|
+
</script>
|
|
157
|
+
</body>
|
|
158
|
+
</html>
|
|
@@ -0,0 +1,337 @@
|
|
|
1
|
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
2
|
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr" id="html">
|
|
3
|
+
<head>
|
|
4
|
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
5
|
+
<meta http-equiv="X-UA-Compatible" content="IE=Edge" />
|
|
6
|
+
<title>jQuery Test Suite</title>
|
|
7
|
+
<link rel="Stylesheet" media="screen" href="qunit/qunit/qunit.css" />
|
|
8
|
+
<link rel="Stylesheet" media="screen" href="data/testsuite.css" />
|
|
9
|
+
<!-- Includes -->
|
|
10
|
+
|
|
11
|
+
<!-- Allows us to fetch submodule tests when using a no-ajax build -->
|
|
12
|
+
<script src="data/jquery-1.9.1.ajax_xhr.min.js"></script>
|
|
13
|
+
|
|
14
|
+
<script src="data/testinit.js"></script>
|
|
15
|
+
|
|
16
|
+
<script src="qunit/qunit/qunit.js"></script>
|
|
17
|
+
<script>
|
|
18
|
+
(function() {
|
|
19
|
+
var src = "../dist/jquery.min.js";
|
|
20
|
+
|
|
21
|
+
// Config parameter to use minified jQuery
|
|
22
|
+
QUnit.config.urlConfig.push({
|
|
23
|
+
id: "dev",
|
|
24
|
+
label: "Load unminified",
|
|
25
|
+
tooltip: "Load the development (unminified) jQuery file"
|
|
26
|
+
});
|
|
27
|
+
if ( QUnit.urlParams.dev ) {
|
|
28
|
+
src = "../dist/jquery.js";
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
// Config parameter to force basic code paths
|
|
32
|
+
QUnit.config.urlConfig.push({
|
|
33
|
+
id: "basic",
|
|
34
|
+
label: "Bypass optimizations",
|
|
35
|
+
tooltip: "Force use of the most basic code by disabling native querySelectorAll; contains; compareDocumentPosition"
|
|
36
|
+
});
|
|
37
|
+
if ( QUnit.urlParams.basic ) {
|
|
38
|
+
document.querySelectorAll = null;
|
|
39
|
+
document.documentElement.contains = null;
|
|
40
|
+
document.documentElement.compareDocumentPosition = null;
|
|
41
|
+
}
|
|
42
|
+
|
|
43
|
+
// Load jQuery
|
|
44
|
+
document.write( "<script id='jquery-js' src='" + src + "'><\x2Fscript>" );
|
|
45
|
+
})();
|
|
46
|
+
</script>
|
|
47
|
+
<script src="data/testrunner.js"></script>
|
|
48
|
+
|
|
49
|
+
<script src="unit/core.js"></script>
|
|
50
|
+
<script src="unit/callbacks.js"></script>
|
|
51
|
+
<script src="unit/deferred.js"></script>
|
|
52
|
+
<script src="unit/support.js"></script>
|
|
53
|
+
<script src="unit/data.js"></script>
|
|
54
|
+
<script src="unit/queue.js"></script>
|
|
55
|
+
<script src="unit/attributes.js"></script>
|
|
56
|
+
<script src="unit/event.js"></script>
|
|
57
|
+
<script src="unit/selector.js"></script>
|
|
58
|
+
<script src="unit/traversing.js"></script>
|
|
59
|
+
<script src="unit/manipulation.js"></script>
|
|
60
|
+
<script src="unit/wrap.js"></script>
|
|
61
|
+
<script src="unit/css.js"></script>
|
|
62
|
+
<script src="unit/serialize.js"></script>
|
|
63
|
+
<script src="unit/ajax.js"></script>
|
|
64
|
+
<script src="unit/effects.js"></script>
|
|
65
|
+
<script src="unit/offset.js"></script>
|
|
66
|
+
<script src="unit/dimensions.js"></script>
|
|
67
|
+
<script src="unit/deprecated.js"></script>
|
|
68
|
+
<script src="unit/exports.js"></script>
|
|
69
|
+
|
|
70
|
+
<!-- Subproject tests must be last because they replace our test fixture -->
|
|
71
|
+
<script>
|
|
72
|
+
testSubproject( "Sizzle", "../src/sizzle/test/", /^unit\/.*\.js$/ );
|
|
73
|
+
</script>
|
|
74
|
+
|
|
75
|
+
<script>
|
|
76
|
+
// html5shiv, enabling HTML5 elements to be used with jQuery
|
|
77
|
+
( "abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup " +
|
|
78
|
+
"mark meter nav output progress section summary time video"
|
|
79
|
+
).replace(/\w+/g, function(n) {
|
|
80
|
+
document.createElement(n);
|
|
81
|
+
});
|
|
82
|
+
</script>
|
|
83
|
+
</head>
|
|
84
|
+
|
|
85
|
+
<body id="body">
|
|
86
|
+
<div id="qunit"></div>
|
|
87
|
+
|
|
88
|
+
<!-- Test HTML -->
|
|
89
|
+
<!-- this iframe is outside the #qunit-fixture so it won't reload constantly wasting time, but it means the tests must be "safe" and clean up after themselves -->
|
|
90
|
+
<iframe id="loadediframe" name="loadediframe" style="display:none;" src="data/iframe.html"></iframe>
|
|
91
|
+
<dl id="dl" style="position:absolute;top:-32767px;left:-32767px;width:1px;">
|
|
92
|
+
<div id="qunit-fixture">
|
|
93
|
+
<p id="firstp">See <a id="simon1" href="http://simon.incutio.com/archive/2003/03/25/#getElementsBySelector" rel="bookmark">this blog entry</a> for more information.</p>
|
|
94
|
+
<p id="ap">
|
|
95
|
+
Here are some links in a normal paragraph: <a id="google" href="http://www.google.com/" title="Google!">Google</a>,
|
|
96
|
+
<a id="groups" href="http://groups.google.com/" class="GROUPS">Google Groups (Link)</a>.
|
|
97
|
+
This link has <code><a href="http://smin" id="anchor1">class="blog"</a></code>:
|
|
98
|
+
<a href="http://diveintomark.org/" class="blog" hreflang="en" id="mark">diveintomark</a>
|
|
99
|
+
|
|
100
|
+
</p>
|
|
101
|
+
<div id="foo">
|
|
102
|
+
<p id="sndp">Everything inside the red border is inside a div with <code>id="foo"</code>.</p>
|
|
103
|
+
<p lang="en" id="en">This is a normal link: <a id="yahoo" href="http://www.yahoo.com/" class="blogTest">Yahoo</a></p>
|
|
104
|
+
<p id="sap">This link has <code><a href="#2" id="anchor2">class="blog"</a></code>: <a href="http://simon.incutio.com/" class="blog link" id="simon">Simon Willison's Weblog</a></p>
|
|
105
|
+
|
|
106
|
+
</div>
|
|
107
|
+
<div id="nothiddendiv" style="height:1px;background:white;" class="nothiddendiv">
|
|
108
|
+
<div id="nothiddendivchild"></div>
|
|
109
|
+
</div>
|
|
110
|
+
<span id="name+value"></span>
|
|
111
|
+
<p id="first">Try them out:</p>
|
|
112
|
+
<ul id="firstUL"></ul>
|
|
113
|
+
<ol id="empty"></ol>
|
|
114
|
+
<form id="form" action="formaction">
|
|
115
|
+
<label for="action" id="label-for">Action:</label>
|
|
116
|
+
<input type="text" name="action" value="Test" id="text1" maxlength="30"/>
|
|
117
|
+
<input type="text" name="text2" value="Test" id="text2" disabled="disabled"/>
|
|
118
|
+
<input type="radio" name="radio1" id="radio1" value="on"/>
|
|
119
|
+
|
|
120
|
+
<input type="radio" name="radio2" id="radio2" checked="checked"/>
|
|
121
|
+
<input type="checkbox" name="check" id="check1" checked="checked"/>
|
|
122
|
+
<input type="checkbox" id="check2" value="on"/>
|
|
123
|
+
|
|
124
|
+
<input type="hidden" name="hidden" id="hidden1"/>
|
|
125
|
+
<input type="text" style="display:none;" name="foo[bar]" id="hidden2"/>
|
|
126
|
+
|
|
127
|
+
<input type="text" id="name" name="name" value="name" />
|
|
128
|
+
<input type="search" id="search" name="search" value="search" />
|
|
129
|
+
|
|
130
|
+
<button id="button" name="button" type="button">Button</button>
|
|
131
|
+
|
|
132
|
+
<textarea id="area1" maxlength="30">foobar</textarea>
|
|
133
|
+
|
|
134
|
+
<select name="select1" id="select1">
|
|
135
|
+
<option id="option1a" class="emptyopt" value="">Nothing</option>
|
|
136
|
+
<option id="option1b" value="1">1</option>
|
|
137
|
+
<option id="option1c" value="2">2</option>
|
|
138
|
+
<option id="option1d" value="3">3</option>
|
|
139
|
+
</select>
|
|
140
|
+
<select name="select2" id="select2">
|
|
141
|
+
<option id="option2a" class="emptyopt" value="">Nothing</option>
|
|
142
|
+
<option id="option2b" value="1">1</option>
|
|
143
|
+
<option id="option2c" value="2">2</option>
|
|
144
|
+
<option id="option2d" selected="selected" value="3">3</option>
|
|
145
|
+
</select>
|
|
146
|
+
<select name="select3" id="select3" multiple="multiple">
|
|
147
|
+
<option id="option3a" class="emptyopt" value="">Nothing</option>
|
|
148
|
+
<option id="option3b" selected="selected" value="1">1</option>
|
|
149
|
+
<option id="option3c" selected="selected" value="2">2</option>
|
|
150
|
+
<option id="option3d" value="3">3</option>
|
|
151
|
+
<option id="option3e">no value</option>
|
|
152
|
+
</select>
|
|
153
|
+
<select name="select4" id="select4" multiple="multiple">
|
|
154
|
+
<optgroup disabled="disabled">
|
|
155
|
+
<option id="option4a" class="emptyopt" value="">Nothing</option>
|
|
156
|
+
<option id="option4b" disabled="disabled" selected="selected" value="1">1</option>
|
|
157
|
+
<option id="option4c" selected="selected" value="2">2</option>
|
|
158
|
+
</optgroup>
|
|
159
|
+
<option selected="selected" disabled="disabled" id="option4d" value="3">3</option>
|
|
160
|
+
<option id="option4e">no value</option>
|
|
161
|
+
</select>
|
|
162
|
+
<select name="select5" id="select5">
|
|
163
|
+
<option id="option5a" value="3">1</option>
|
|
164
|
+
<option id="option5b" value="2">2</option>
|
|
165
|
+
<option id="option5c" value="1" data-attr="">3</option>
|
|
166
|
+
</select>
|
|
167
|
+
|
|
168
|
+
<object id="object1" codebase="stupid">
|
|
169
|
+
<param name="p1" value="x1" />
|
|
170
|
+
<param name="p2" value="x2" />
|
|
171
|
+
</object>
|
|
172
|
+
|
|
173
|
+
<span id="台北Táiběi"></span>
|
|
174
|
+
<span id="台北" lang="中文"></span>
|
|
175
|
+
<span id="utf8class1" class="台北Táiběi 台北"></span>
|
|
176
|
+
<span id="utf8class2" class="台北"></span>
|
|
177
|
+
<span id="foo:bar" class="foo:bar"></span>
|
|
178
|
+
<span id="test.foo[5]bar" class="test.foo[5]bar"></span>
|
|
179
|
+
|
|
180
|
+
<foo_bar id="foobar">test element</foo_bar>
|
|
181
|
+
</form>
|
|
182
|
+
<b id="floatTest">Float test.</b>
|
|
183
|
+
<iframe id="iframe" name="iframe"></iframe>
|
|
184
|
+
<form id="lengthtest">
|
|
185
|
+
<input type="text" id="length" name="test"/>
|
|
186
|
+
<input type="text" id="idTest" name="id"/>
|
|
187
|
+
</form>
|
|
188
|
+
<table id="table"></table>
|
|
189
|
+
|
|
190
|
+
<form id="name-tests">
|
|
191
|
+
<!-- Inputs with a grouped name attribute. -->
|
|
192
|
+
<input name="types[]" id="types_all" type="checkbox" value="all" />
|
|
193
|
+
<input name="types[]" id="types_anime" type="checkbox" value="anime" />
|
|
194
|
+
<input name="types[]" id="types_movie" type="checkbox" value="movie" />
|
|
195
|
+
</form>
|
|
196
|
+
|
|
197
|
+
<form id="testForm" action="#" method="get">
|
|
198
|
+
<textarea name="T3" rows="2" cols="15">?
|
|
199
|
+
Z</textarea>
|
|
200
|
+
<input type="hidden" name="H1" value="x" />
|
|
201
|
+
<input type="hidden" name="H2" />
|
|
202
|
+
<input name="PWD" type="password" value="" />
|
|
203
|
+
<input name="T1" type="text" />
|
|
204
|
+
<input name="T2" type="text" value="YES" readonly="readonly" />
|
|
205
|
+
<input type="checkbox" name="C1" value="1" />
|
|
206
|
+
<input type="checkbox" name="C2" />
|
|
207
|
+
<input type="radio" name="R1" value="1" />
|
|
208
|
+
<input type="radio" name="R1" value="2" />
|
|
209
|
+
<input type="text" name="My Name" value="me" />
|
|
210
|
+
<input type="reset" name="reset" value="NO" />
|
|
211
|
+
<select name="S1">
|
|
212
|
+
<option value="abc">ABC</option>
|
|
213
|
+
<option value="abc">ABC</option>
|
|
214
|
+
<option value="abc">ABC</option>
|
|
215
|
+
</select>
|
|
216
|
+
<select name="S2" multiple="multiple" size="3">
|
|
217
|
+
<option value="abc">ABC</option>
|
|
218
|
+
<option value="abc">ABC</option>
|
|
219
|
+
<option value="abc">ABC</option>
|
|
220
|
+
</select>
|
|
221
|
+
<select name="S3">
|
|
222
|
+
<option selected="selected">YES</option>
|
|
223
|
+
</select>
|
|
224
|
+
<select name="S4">
|
|
225
|
+
<option value="" selected="selected">NO</option>
|
|
226
|
+
</select>
|
|
227
|
+
<input type="submit" name="sub1" value="NO" />
|
|
228
|
+
<input type="submit" name="sub2" value="NO" />
|
|
229
|
+
<input type="image" name="sub3" value="NO" />
|
|
230
|
+
<button name="sub4" type="submit" value="NO">NO</button>
|
|
231
|
+
<input name="D1" type="text" value="NO" disabled="disabled" />
|
|
232
|
+
<input type="checkbox" checked="checked" disabled="disabled" name="D2" value="NO" />
|
|
233
|
+
<input type="radio" name="D3" value="NO" checked="checked" disabled="disabled" />
|
|
234
|
+
<select name="D4" disabled="disabled">
|
|
235
|
+
<option selected="selected" value="NO">NO</option>
|
|
236
|
+
</select>
|
|
237
|
+
<input id="list-test" type="text" />
|
|
238
|
+
<datalist id="datalist">
|
|
239
|
+
<option value="option"></option>
|
|
240
|
+
</datalist>
|
|
241
|
+
</form>
|
|
242
|
+
<div id="moretests">
|
|
243
|
+
<form>
|
|
244
|
+
<div id="checkedtest" style="display:none;">
|
|
245
|
+
<input type="radio" name="checkedtestradios" checked="checked"/>
|
|
246
|
+
<input type="radio" name="checkedtestradios" value="on"/>
|
|
247
|
+
<input type="checkbox" name="checkedtestcheckboxes" checked="checked"/>
|
|
248
|
+
<input type="checkbox" name="checkedtestcheckboxes" />
|
|
249
|
+
</div>
|
|
250
|
+
</form>
|
|
251
|
+
<div id="nonnodes"><span id="nonnodesElement">hi</span> there <!-- mon ami --></div>
|
|
252
|
+
<div id="t2037">
|
|
253
|
+
<div><div class="hidden">hidden</div></div>
|
|
254
|
+
</div>
|
|
255
|
+
<div id="t6652">
|
|
256
|
+
<div></div>
|
|
257
|
+
</div>
|
|
258
|
+
<div id="no-clone-exception"><object><embed></embed></object></div>
|
|
259
|
+
</div>
|
|
260
|
+
|
|
261
|
+
<div id="tabindex-tests">
|
|
262
|
+
<ol id="listWithTabIndex" tabindex="5">
|
|
263
|
+
<li id="foodWithNegativeTabIndex" tabindex="-1">Rice</li>
|
|
264
|
+
<li id="foodNoTabIndex">Beans</li>
|
|
265
|
+
<li>Blinis</li>
|
|
266
|
+
<li>Tofu</li>
|
|
267
|
+
</ol>
|
|
268
|
+
|
|
269
|
+
<div id="divWithNoTabIndex">I'm hungry. I should...</div>
|
|
270
|
+
<span>...</span><a href="#" id="linkWithNoTabIndex">Eat lots of food</a><span>...</span> |
|
|
271
|
+
<span>...</span><a href="#" id="linkWithTabIndex" tabindex="2">Eat a little food</a><span>...</span> |
|
|
272
|
+
<span>...</span><a href="#" id="linkWithNegativeTabIndex" tabindex="-1">Eat no food</a><span>...</span>
|
|
273
|
+
<span>...</span><a id="linkWithNoHrefWithNoTabIndex">Eat a burger</a><span>...</span>
|
|
274
|
+
<span>...</span><a id="linkWithNoHrefWithTabIndex" tabindex="1">Eat some funyuns</a><span>...</span>
|
|
275
|
+
<span>...</span><a id="linkWithNoHrefWithNegativeTabIndex" tabindex="-1">Eat some funyuns</a><span>...</span>
|
|
276
|
+
<input id="inputWithoutTabIndex"/>
|
|
277
|
+
<button id="buttonWithoutTabIndex"></button>
|
|
278
|
+
<textarea id="textareaWithoutTabIndex"></textarea>
|
|
279
|
+
<menu type="popup">
|
|
280
|
+
<menuitem id="menuitemWithoutTabIndex" command="submitbutton" default/>
|
|
281
|
+
</menu>
|
|
282
|
+
</div>
|
|
283
|
+
|
|
284
|
+
<div id="liveHandlerOrder">
|
|
285
|
+
<span id="liveSpan1"><a href="#" id="liveLink1"></a></span>
|
|
286
|
+
<span id="liveSpan2"><a href="#" id="liveLink2"></a></span>
|
|
287
|
+
</div>
|
|
288
|
+
|
|
289
|
+
<div id="siblingTest">
|
|
290
|
+
<em id="siblingfirst">1</em>
|
|
291
|
+
<em id="siblingnext">2</em>
|
|
292
|
+
<em id="siblingthird">
|
|
293
|
+
<em id="siblingchild">
|
|
294
|
+
<em id="siblinggrandchild">
|
|
295
|
+
<em id="siblinggreatgrandchild"></em>
|
|
296
|
+
</em>
|
|
297
|
+
</em>
|
|
298
|
+
</em>
|
|
299
|
+
<span id="siblingspan"></span>
|
|
300
|
+
</div>
|
|
301
|
+
<div id="fx-test-group" style="position: absolute; width: 1px; height: 1px; overflow: hidden;">
|
|
302
|
+
<div id="fx-queue" name="test">
|
|
303
|
+
<div id="fadein" class='chain-test' name='div'>fadeIn<div>fadeIn</div></div>
|
|
304
|
+
<div id="fadeout" class='chain-test chain-test-out'>fadeOut<div>fadeOut</div></div>
|
|
305
|
+
|
|
306
|
+
<div id="show" class='chain-test'>show<div>show</div></div>
|
|
307
|
+
<div id="hide" class='chain-test chain-test-out'>hide<div>hide</div></div>
|
|
308
|
+
<div id="easehide" class='chain-test chain-test-out'>hide<div>hide</div></div>
|
|
309
|
+
|
|
310
|
+
<div id="togglein" class='chain-test'>togglein<div>togglein</div></div>
|
|
311
|
+
<div id="toggleout" class='chain-test chain-test-out'>toggleout<div>toggleout</div></div>
|
|
312
|
+
<div id="easetoggleout" class='chain-test chain-test-out'>toggleout<div>toggleout</div></div>
|
|
313
|
+
|
|
314
|
+
<div id="slideup" class='chain-test'>slideUp<div>slideUp</div></div>
|
|
315
|
+
<div id="slidedown" class='chain-test chain-test-out'>slideDown<div>slideDown</div></div>
|
|
316
|
+
<div id="easeslideup" class='chain-test'>slideUp<div>slideUp</div></div>
|
|
317
|
+
|
|
318
|
+
<div id="slidetogglein" class='chain-test'>slideToggleIn<div>slideToggleIn</div></div>
|
|
319
|
+
<div id="slidetoggleout" class='chain-test chain-test-out'>slideToggleOut<div>slideToggleOut</div></div>
|
|
320
|
+
|
|
321
|
+
<div id="fadetogglein" class='chain-test'>fadeToggleIn<div>fadeToggleIn</div></div>
|
|
322
|
+
<div id="fadetoggleout" class='chain-test chain-test-out'>fadeToggleOut<div>fadeToggleOut</div></div>
|
|
323
|
+
|
|
324
|
+
<div id="fadeto" class='chain-test'>fadeTo<div>fadeTo</div></div>
|
|
325
|
+
</div>
|
|
326
|
+
|
|
327
|
+
<div id="fx-tests"></div>
|
|
328
|
+
<span id="display"></span>
|
|
329
|
+
</div>
|
|
330
|
+
</div>
|
|
331
|
+
</dl>
|
|
332
|
+
<map name="imgmap" id="imgmap">
|
|
333
|
+
<area shape="rect" coords="0,0,200,50">
|
|
334
|
+
</map>
|
|
335
|
+
|
|
336
|
+
</body>
|
|
337
|
+
</html>
|