gecko-dev/layout/html/tests/br.html

37 lines
1.2 KiB
HTML

<HTML>
<BODY>
<IMG src="resource:/res/samples/raptor.jpg" STYLE="float: left;">
<IMG src="mynet.gif" STYLE="float: right;">
This text should appear between a left justified and right justified image of a raptor.<BR>
Resize the window such that this paragraph is located between the two images. Then
use the form below to change the "clear" attribute of the BR tag that adds a linebreak
between this para and the previous one. Clearing to left should position this para below
the raptor. Clearing to the right or clearing all should position this para below the My
Netscape ad.
<FORM>
<P>
Set <I>clear</I> to
<SELECT SIZE="1" NAME="clear">
<OPTION SELECTED VALUE="none">None</OPTION>
<OPTION VALUE="left">Left</OPTION>
<OPTION VALUE="right">Right</OPTION>
<OPTION VALUE="all">All</OPTION>
</SELECT>
<INPUT TYPE="button" VALUE="Change Clear" onClick="changeClear(); return true;">
</P>
</FORM>
<SCRIPT>
var br = document.getElementsByTagName("br")[0];
function changeClear() {
if (document.forms[0].clear.selectedIndex == 0)
br.clear = "none";
else if (document.forms[0].clear.selectedIndex == 1)
br.clear = "left";
else if (document.forms[0].clear.selectedIndex == 1)
br.clear = "right";
else
br.clear = "all";
}
</SCRIPT>
</BODY>
</HTML>