2006-08-14 03:46:05 +02:00
< html id = "html" >
2006-08-13 17:24:52 +02:00
< head >
2006-08-14 03:46:05 +02:00
< script type = "text/javascript" src = "../dist/jquery.js" > < / script >
< script type = "text/javascript" src = "js/test.js" > < / script >
< script >
$(document).ready(function(){
2006-09-16 14:19:56 +02:00
runTest('tests.js');
2006-08-14 03:46:05 +02:00
});
< / script >
< style > . pass { color : green ; } . fail { color : red ; } # tests ol { display : none ; } < / style >
2006-08-13 17:24:52 +02:00
< / head >
2006-08-14 03:46:05 +02:00
< body id = "body" >
2006-08-13 17:24:52 +02:00
< h1 > jQuery - Test Suite< / h1 >
2006-08-14 03:46:05 +02:00
<!-- Test HTML -->
< dl style = "display:none;" >
< div id = "main" style = "display: none;" >
< 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 >
< p id = "ap" >
Here are some links in a normal paragraph: < a id = "google" href = "http://www.google.com/" title = "Google!" > Google< / a > ,
< a id = "groups" href = "http://groups.google.com/" > Google Groups< / a > .
This link has < code > < a href = "#" id = "anchor1" > class="blog"< / a > < / code > :
< a href = "http://diveintomark.org/" class = "blog" hreflang = "en" id = "mark" > diveintomark< / a >
2006-08-13 17:24:52 +02:00
2006-08-14 03:46:05 +02:00
< / p >
< div id = "foo" >
2006-09-04 06:51:57 +02:00
< p id = "sndp" > Everything inside the red border is inside a div with < code > id="foo"< / code > .< / p >
< p lang = "en" id = "en" > This is a normal link: < a id = "yahoo" href = "http://www.yahoo.com/" class = "blogTest" > Yahoo< / a > < / p >
< 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 >
2006-08-14 03:46:05 +02:00
2006-09-04 06:51:57 +02:00
< / div >
< p id = "first" > Try them out:< / p >
2006-08-14 03:46:05 +02:00
< ul id = "firstUL" > < / ul >
< ol id = "empty" > < / ol >
2006-09-10 01:21:30 +02:00
< form id = "form" action = "formaction" >
< input type = "text" value = "Test" name = "action" id = "text1" / >
2006-08-14 03:46:05 +02:00
< input type = "text" value = "Test" id = "text2" disabled = "disabled" / >
< input type = "radio" name = "radio1" id = "radio1" / >
< input type = "radio" name = "radio2" id = "radio2" checked / >
< input type = "checkbox" name = "check" id = "check1" checked / >
2006-09-16 16:57:15 +02:00
< input type = "checkbox" id = "check2" / >
2006-08-14 03:46:05 +02:00
< input type = "hidden" name = "hidden" id = "hidden1" / >
2006-09-10 01:21:30 +02:00
< input type = "text" style = "display:none;" name = "foo[bar]" id = "hidden2" / >
2006-09-04 06:51:57 +02:00
2006-09-08 19:48:21 +02:00
< input type = "text" id = "name" name = "name" value = "name" / >
2006-09-04 06:51:57 +02:00
< select name = "select1" id = "select1" >
< option id = "option1a" value = "" > Nothing< / option >
< option id = "option1b" value = "1" > 1< / option >
< option id = "option1c" value = "2" > 2< / option >
< option id = "option1d" value = "3" > 3< / option >
< / select >
< select name = "select1" id = "select2" >
< option id = "option2a" value = "" > Nothing< / option >
< option id = "option2b" value = "1" > 1< / option >
< option id = "option2c" value = "2" > 2< / option >
< option id = "option2d" selected value = "3" > 3< / option >
< / select >
< select name = "select3" id = "select3" multiple = "multiple" >
< option id = "option3a" value = "" > Nothing< / option >
< option id = "option3b" selected = "selected" value = "1" > 1< / option >
< option id = "option3c" selected value = "2" > 2< / option >
< option id = "option3d" value = "3" > 3< / option >
< / select >
2006-08-14 03:46:05 +02:00
< / form >
< / div >
< / dl >
< ol id = "tests" > < / ol >
2006-08-13 17:24:52 +02:00
< / body >
< / html >