fabric.js/test/W3C_SVG_12_TinyTestSuite_beta/htmlObjectHarness/udom-svg-228-t.html
2010-06-10 11:14:53 -04:00

87 lines
3.4 KiB
HTML
Executable file

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="W3C SVG 1.1 Test Suite testsuite mobile"/>
<meta name="description" content="W3C SVG 1.2 Tiny Test Suite"/>
<title>
SVG 1.2 Tiny test:udom-svg-228-t </title>
<style type="text/css">
<!--
.bodytext { font-family:verdana, helvetica, sans-serif; font-size: 12pt; line-height: 125%; text-align: Left; margin-top: 0; margin-bottom: 0 }
.pageTitle { line-height: 150%; font-size: 20pt; font-weight : 900; margin-bottom: 20pt }
.pageSubTitle { color : blue; line-height: 100%; font-size: 24pt; font-weight : 900 }
.openChapter { color : blue; line-height: 125%; font-weight : 900 }
.openSection { color : blue; line-height: 125%; font-weight : 900 }
.info { color : black; line-height: 110%; font-size: 10pt; font-weight : 100 }
p { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
blockquote { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0 }
.opscript {margin-left: 3%; margin-right: 3%; }
.opscript p { margin-top: 0.7em}
.navbar {background: black; color: white; font-weight: bold}
-->
</style>
</head>
<body class="bodytext">
<div class="linkbar">
<p>
<a href="udom-svg-228-t.html">Tiny version</a></p>
<p>Specification link: <a target="spec" href="http://www.w3.org/TR/SVGMobile12/svgudom.html">Appendix A The SVG Micro DOM (uDOM)</a></p>
<p>
<a href="udom-svg-227-t.html">udom-svg-227-t ←</a>
<a href="index.html">index</a>
<a href="udom-svg-231-t.html">→ udom-svg-231-t</a>
</p></div>
<table align="center" border="0" cellspacing="0" cellpadding="10">
<tr>
<td align="center" colspan="3">
<table border="0" cellpadding="8">
<tr>
<td align="center" colspan="2" class="pageTitle">
<h1>udom-svg-228-t</h1>
</td>
</tr>
<tr class="navbar">
<td align="center">
SVG Image
</td>
<td align="center">
PNG Image
</td>
</tr>
<tr>
<td align="right">
<object data="../svggen/udom-svg-228-t.svg" width="480" height="360" type="image/svg+xml"><p style="font-size:300%;color:red">FAIL</p></object>
</td>
<td align="left">
<img alt="raster image of udom-svg-228-t" src="../png/udom-svg-228-t.png" width="480" height="360"/>
</td>
</tr>
</table>
</td>
</tr>
</table>
<div class="opscript">
<p>
This tests setFocus and getCurrentFocusedObject, setting the focus and then checking that the correct element has focus. Successes are shown in green,
failures in red. If all subtests pass, the text in the blue box changes from "failed" to "passed".
</p>
<p>
A numeric keypad is shown. Focus starts on the "5" and is then moved programatically
to each of the other numbers, finally returning to "5". Since this happens on the load event, there is no indication of the focus moving.
</p>
</div>
<div class="linkbar"> <p>
<a href="udom-svg-227-t.html">udom-svg-227-t ←</a>
<a href="index.html">index</a>
<a href="udom-svg-231-t.html">→ udom-svg-231-t</a>
</p></div>
</body>
</html>