silverstripe-framework/thirdparty/jquery-metadata/test/index.html
Ingo Schommer ac8e75b2a6 ENHANCEMENT Updated jquery.metadata from ~v.1.0 to v2.1 (located in sapphire/thirdparty/jquery-metadata
git-svn-id: svn://svn.silverstripe.com/silverstripe/open/modules/sapphire/branches/2.4@100846 467b73ca-7a2a-4603-9d3b-597d59a354a9
2011-02-02 14:18:54 +13:00

62 lines
3.1 KiB
HTML
Executable File

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<link rel="stylesheet" href="testsuite.css" />
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="testrunner.js"></script>
<!-- include metadata plugin two times to make sure that doesn't hurt anyone -->
<script type="text/javascript" src="../jquery.metadata.js"></script>
<script type="text/javascript" src="test.js"></script>
</head>
<body>
<h1>jQuery - Metadata Test Suite</h1>
<div id="main" style="display: none">
<ol id="one">
<li class="test test2" data="foo:'bar', bar:'baz', arr:[1,2]">Some stuff</li>
<li class="test test2" data="{test:'bar', bar:'baz'}">Some stuff</li>
<li class="test test2" data="{zoooo:'bar', bar:{test:'baz'}}">Some stuff</li>
<li class="test test2" data="{number:true, stuff:[2,8]}">Some stuff</li>
</ol>
<ol id="two">
<li class="test {foo:'bar',bar:'baz',arr:[1,2]} test2">Some stuff</li>
<li class="{test:'bar',bar:'baz'} test test2">Some stuff</li>
<li class="test test2 {zoooo:'bar',bar:{test:'baz'}}">Some stuff</li>
<li class="some styles {number:true,stuff:[2,8]}">Some stuff</li>
</ol>
<ol id="three">
<li class="test test2"><script type="data">foo:'bar', bar:'baz', arr:[1,2]</script>Some stuff</li>
<li class="test test2"><script type="data">{test:'bar', bar:'baz'}</script>Some stuff</li>
<li class="test test2"><script type="data">{zoooo:'bar', bar:{test:'baz'}}</script>Some stuff</li>
<li class="test test2"><script type="data">{number:true, stuff:[2,8]}</script>Some stuff</li>
</ol>
<script type="data">test("execute script with type='data'", function() { ok( false, "Script tag with type='data' was executed!"); });</script>
<ol id="four">
<li class="test test2" data="foo:'bar', bar:'baz', arr:[1,2]">Some stuff</li>
<li class="test test2" data="{test:'bar', bar:'baz'}">Some stuff</li>
<li class="test test2" data="{zoooo:'bar', bar:{test:'baz'}}">Some stuff</li>
<li class="test test2" data="{number:true, stuff:[2,8]}">Some stuff</li>
</ol>
<ol id="five">
<li class="test test2" data-foo="'bar'" data-bar="'baz'" data-arr="[1,2]">Some stuff</li>
<li class="test test2" data-test="'bar'" data-bar="'baz'">Some stuff</li>
<li class="test test2" data-zoooo="'bar'" data-bar="{test:'baz'}">Some stuff</li>
<li class="test test2" data-number="true" data-stuff="[2,8]">Some stuff</li>
</ol>
<select class="{required:true}" name="meal" id="meal">
<option value="">Please select...</option>
<option value="1">Food</option>
<option value="2">Milk</option>
</select>
</div>
<ol id="tests"></ol>
</body>
</html>