mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-11 02:10:17 +01:00
273 lines
8.4 KiB
HTML
273 lines
8.4 KiB
HTML
|
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||
|
|
<html>
|
||
|
|
<head>
|
||
|
|
<meta http-equiv="content-type"
|
||
|
|
content="text/html; charset=ISO-8859-1">
|
||
|
|
<title>Spatial Navigation Test Cases</title>
|
||
|
|
</head>
|
||
|
|
<body>
|
||
|
|
<div style="margin-left: 40px; text-align: center;">
|
||
|
|
<h1 style="text-align: left;"><a name="mozTocId276802" class="mozTocH1"></a>Spatial
|
||
|
|
Navigation Fun</h1>
|
||
|
|
<h2 style="text-align: left;"><br>
|
||
|
|
</h2>
|
||
|
|
<div style="text-align: left;"><br>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<h2 style="text-align: left;"><a name="mozTocId192805" class="mozTocH2"></a>3x3
|
||
|
|
Centered Table Test</h2>
|
||
|
|
</div>
|
||
|
|
<table
|
||
|
|
style="text-align: left; width: 100%; margin-left: auto; margin-right: auto;"
|
||
|
|
border="1" cellpadding="2" cellspacing="2">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
</tr>
|
||
|
|
<tr>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
<td style="vertical-align: top; text-align: center;"><a href="a">test</a></td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<div style="margin-left: 40px; text-align: center;"><br>
|
||
|
|
<br>
|
||
|
|
<div style="text-align: left;">
|
||
|
|
<h2><a name="mozTocId557796" class="mozTocH2"></a>Vertical Sine Test</h2>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
<div style="text-align: left;"><a href="a">test<br>
|
||
|
|
</a>
|
||
|
|
<div style="margin-left: 40px;"><a href="a">test<br>
|
||
|
|
</a></div>
|
||
|
|
<div style="margin-left: 80px;"><a href="a">test<br>
|
||
|
|
</a></div>
|
||
|
|
<div style="margin-left: 40px;"><a href="a">test<br>
|
||
|
|
</a></div>
|
||
|
|
<a href="a">test<br>
|
||
|
|
</a>
|
||
|
|
<div style="margin-left: 40px;"><a href="a">test<br>
|
||
|
|
</a></div>
|
||
|
|
<div style="margin-left: 80px;"><a href="a">test<br>
|
||
|
|
</a></div>
|
||
|
|
<div style="margin-left: 40px;"><a href="a">test<br>
|
||
|
|
</a></div>
|
||
|
|
<a href="a">test<br>
|
||
|
|
</a>
|
||
|
|
|
||
|
|
|
||
|
|
<a href="a">test<br>
|
||
|
|
</a><br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId261391" class="mozTocH2"></a>Increasing sentence
|
||
|
|
length</h2>
|
||
|
|
<br>
|
||
|
|
<a href="a">H</a><br>
|
||
|
|
<a href="p">Ho<br>
|
||
|
|
</a><a href="p">How<br>
|
||
|
|
</a><a href="p">How <br>
|
||
|
|
</a><a href="p">How N</a><br>
|
||
|
|
<a href="p">How No</a><br>
|
||
|
|
<a href="p">How Now</a><br>
|
||
|
|
<a href="p">How Now </a><br>
|
||
|
|
<a href="p">How Now B</a><br>
|
||
|
|
<a href="p">How Now Br</a><br>
|
||
|
|
<a href="p">How Now Bro</a><br>
|
||
|
|
<a href="p">How Now Brow</a><br>
|
||
|
|
<a href="p">How Now Brown</a><br>
|
||
|
|
<a href="p">How Now Brown </a><br>
|
||
|
|
<a href="p">How Now Brown C</a><br>
|
||
|
|
<a href="p">How Now Brown Co</a><br>
|
||
|
|
<a href="p">How Now Brown Cow</a><br>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId100946" class="mozTocH2"></a>Split sentence<br>
|
||
|
|
</h2>
|
||
|
|
<br>
|
||
|
|
<a href="p">H</a>
|
||
|
|
|
||
|
|
<a href="p">ow Now Brown Cow</a><br>
|
||
|
|
<a href="p">Ho</a>
|
||
|
|
|
||
|
|
<a href="p">w
|
||
|
|
Now Brown Cow</a><br>
|
||
|
|
<a href="p">How</a>
|
||
|
|
|
||
|
|
<a href="p">Now Brown Cow</a><br>
|
||
|
|
<a href="p">How N</a>
|
||
|
|
<a
|
||
|
|
href="p">ow Brown Cow</a><br>
|
||
|
|
<a href="p">How No</a>
|
||
|
|
|
||
|
|
<a href="p">w Brown Cow</a><br>
|
||
|
|
<a href="p">How Now </a>
|
||
|
|
|
||
|
|
<a href="p">Brown Cow</a><br>
|
||
|
|
<a href="p">How Now B</a>
|
||
|
|
|
||
|
|
<a href="p">rown Cow</a><br>
|
||
|
|
<a href="p">How Now Br</a>
|
||
|
|
|
||
|
|
<a href="p">own Cow</a><br>
|
||
|
|
<a href="p">How Now Bro</a>
|
||
|
|
|
||
|
|
<a href="p">wn Cow</a><br>
|
||
|
|
<a href="p">How Now Brow</a>
|
||
|
|
<a href="p">n Cow</a><br>
|
||
|
|
<a href="p">How Now Brown</a>
|
||
|
|
|
||
|
|
<a href="p">Cow</a><br>
|
||
|
|
<a href="p">How Now Brown C</a>
|
||
|
|
|
||
|
|
<a href="p">ow</a><br>
|
||
|
|
<a href="p">How Now Brown Co</a>
|
||
|
|
|
||
|
|
<a href="p">w</a><br>
|
||
|
|
<a href="p">How Now Brown Cow</a><br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<h2>Line Wrap Test</h2>
|
||
|
|
<br>
|
||
|
|
<table style="text-align: left; width: 393px; height: 72px;" border="1"
|
||
|
|
cellpadding="2" cellspacing="2">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td style="vertical-align: top;"><span class="huge"><a href="a">Which
|
||
|
|
of the following constanst do you like the most, one is g, one is pi,
|
||
|
|
and the other is e. </a><br>
|
||
|
|
</span></td>
|
||
|
|
<td style="vertical-align: top;"><a href="a">3.14</a><br>
|
||
|
|
<a href="a">2.71</a><br>
|
||
|
|
<a href="a">6.67</a><br>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId625391" class="mozTocH2"></a>Javascript Hover Test</h2>
|
||
|
|
When going from any link to the following link, you should NOT get an
|
||
|
|
alert dialog. However, if you mouse over this link, you should
|
||
|
|
see a dialog.<br>
|
||
|
|
<br>
|
||
|
|
<a href="a" onmouseover='alert("onMouseOver")'
|
||
|
|
onmouseout='alert("onMouseOut")'>Test</a><br>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId272030" class="mozTocH2"></a>Overlapped Anchors</h2>
|
||
|
|
<br>
|
||
|
|
<table style="text-align: left; width: 100%;" border="1" cellpadding="2"
|
||
|
|
cellspacing="2">
|
||
|
|
<tbody>
|
||
|
|
<tr>
|
||
|
|
<td style="vertical-align: top;">
|
||
|
|
<div style="text-align: left;"><a href="a"><img
|
||
|
|
src="mozilla-star.png"
|
||
|
|
title="" alt="" style="border: 0px solid ; width: 57px; height: 57px;"></a><a
|
||
|
|
href="a"><img
|
||
|
|
src="mozilla-star.png"
|
||
|
|
title="" alt="" style="border: 0px solid ; width: 57px; height: 57px;"
|
||
|
|
hspace="0"></a><br>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</tbody>
|
||
|
|
</table>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId16012" class="mozTocH2"></a>Area Tag (Rect)<br>
|
||
|
|
</h2>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<img src="mozilla-star.png" title="" alt=""
|
||
|
|
style="width: 513px; height: 513px;"><br>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId922752" class="mozTocH2"></a>Area Tag (Circle)<br>
|
||
|
|
</h2>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<img
|
||
|
|
src="mozilla-star.png"
|
||
|
|
title="" alt="" style="width: 513px; height: 513px;"><br>
|
||
|
|
<br>
|
||
|
|
<h2><a name="mozTocId216319" class="mozTocH2"></a>Area Tag (Polygon)<br>
|
||
|
|
</h2>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<img
|
||
|
|
src="mozilla-star.png"
|
||
|
|
title="" alt="" style="height: 513px; width: 513px;"><br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<a href="http://www.visa.com/globalgateway/gg_map.html">A
|
||
|
|
nice poly test case</a>
|
||
|
|
<br>
|
||
|
|
<h2>FrameSets</h2>
|
||
|
|
<br>
|
||
|
|
<frameset cols="25%,25%,*">
|
||
|
|
<frame src="links.html" />
|
||
|
|
<frame src="links.html" />
|
||
|
|
<frame src="links.html" />
|
||
|
|
</frameset>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<h2>IFrames</h2>
|
||
|
|
<br>
|
||
|
|
<iframe src="links.html"></iframe> <br>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
<h2>DIVs</h2>
|
||
|
|
<br>
|
||
|
|
<div id=v>
|
||
|
|
<a href="a">a</a>
|
||
|
|
<div id="Div1">
|
||
|
|
<a href="a">a</a>
|
||
|
|
</div>
|
||
|
|
<a href="a">a</a>
|
||
|
|
</div>
|
||
|
|
<br>
|
||
|
|
<br>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<a href="last">last</a>
|
||
|
|
|
||
|
|
|
||
|
|
<p>
|
||
|
|
<p> A select example
|
||
|
|
<FORM ACTION="SelectExample" METHOD="POST">
|
||
|
|
<SELECT NAME="parameter" SIZE=1>
|
||
|
|
<OPTION VALUE="value1" SELECTED> first setting </OPTION>
|
||
|
|
<OPTION VALUE="value2"> second setting </OPTION>
|
||
|
|
</SELECT>
|
||
|
|
<INPUT TYPE="Submit" NAME="Submit" VALUE="Evaluate">
|
||
|
|
</FORM>
|
||
|
|
<p>
|
||
|
|
<p> A option example
|
||
|
|
|
||
|
|
<FORM ACTION="OptionExample" METHOD="POST">
|
||
|
|
<SELECT NAME="a" SIZE=10>
|
||
|
|
<OPTION>a
|
||
|
|
<OPTION>b
|
||
|
|
<OPTION>c
|
||
|
|
<OPTION>d
|
||
|
|
<OPTION>e
|
||
|
|
<OPTION>f
|
||
|
|
<OPTION>g
|
||
|
|
</SELECT>
|
||
|
|
<p>
|
||
|
|
|
||
|
|
|
||
|
|
</body>
|
||
|
|
</html>
|