layout/html/tests/attributes/br.html
author Honza Bambas <honzab@allpeers.com>
Fri, 10 Oct 2008 16:41:38 +0200
changeset 20258 097bf47abbcde2ba53c62212eca60c5cb5d9ce9d
parent 1 9b2a99adc05e53cd4010de512f50118594756650
permissions -rw-r--r--
Bug 413909 - nsCertOverrideService IDN handling is broken; tests; r=kaie

<HTML>
<BODY>
<IMG src="resource:/res/samples/raptor.jpg" STYLE="float: left;">
<IMG src="resource:/res/samples/raptor.jpg" STYLE="float: right; height: 100px;">
This text should appear between a left justified and right justified image of a raptor.<BR clear="all">
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 line break
between this para and the previous one.  Clearing to left should position this para below
the big raptor.  Clearing to the right or clearing all should position this para below the 
smaller raptor image.
<FORM>
<P>
Set <I>clear</I> to
<SELECT SIZE="1" NAME="clear">
<OPTION VALUE="none">None</OPTION>
<OPTION VALUE="left">Left</OPTION>
<OPTION VALUE="right">Right</OPTION>
<OPTION SELECTED 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 == 2)
      br.clear = "right";
   else
      br.clear = "all";
}
</SCRIPT>
</BODY>
</HTML>