new regression tests, not affecting the build
This commit is contained in:
Родитель
3daac54bd1
Коммит
73bbda0a2c
|
@ -0,0 +1,21 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test Page dom test bug 102145</title>
|
||||
<script language="JavaScript">
|
||||
|
||||
function setElementSize (elementId) {
|
||||
myElement = document.getElementById(elementId);
|
||||
myElement.style.height =200;
|
||||
myElement.style.width = 200;}
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body onload="setElementSize('mytable')">
|
||||
|
||||
<table id="mytable" width="100%"><tr><td style="background-color:green">
|
||||
I should be 200px x 200px
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test Page dom test bug 102145a</title>
|
||||
<script language="JavaScript">
|
||||
|
||||
function setElementSize (elementId) {
|
||||
myElement = document.getElementById(elementId);
|
||||
myElement.style.height =200;
|
||||
myElement.width = 200;}
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body onload="setElementSize('mytable')">
|
||||
|
||||
<table id="mytable" width="100%"><tr><td style="background-color:green">
|
||||
I should be 200px x 200px
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Test Page dom test bug 102145</title>
|
||||
<script language="JavaScript">
|
||||
|
||||
function setElementSize (elementId) {
|
||||
myElement = document.getElementById(elementId);
|
||||
myElement.style.height =200;
|
||||
myElement.style.width = 200;}
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body onload="setElementSize('mytable')">
|
||||
|
||||
<table id="mytable" style="width:100%"><tr><td style="background-color:green">
|
||||
I should be 200px x 200px
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,21 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Test Page dom test bug 102145</title>
|
||||
<script language="JavaScript">
|
||||
|
||||
function foo(elementId) {
|
||||
myElement = document.getElementById(elementId);
|
||||
myElement.setAttribute("style","height:200;width:200");
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
</head>
|
||||
<body onLoad="foo('mytable')">
|
||||
<table id="mytable" style="width:100%"><tr><td style="background-color:green">
|
||||
I should be 200px x 200px
|
||||
</td></tr></table>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<html>
|
||||
<head>
|
||||
<title></title>
|
||||
<style type="text/css">
|
||||
<!--
|
||||
#a
|
||||
{
|
||||
background-color:background;
|
||||
}
|
||||
-->
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<table id="a">
|
||||
<tr>
|
||||
<td>This table should NOT be visible</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<table id="b" style="background-color:background;">
|
||||
<tr>
|
||||
<td>This table should NOT be visible</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
|
||||
<script language="JavaScript" type="text/javascript">
|
||||
|
||||
<!--
|
||||
document.getElementById("a").style.visibility = "hidden";
|
||||
document.getElementById("b").style.visibility = "hidden";
|
||||
//-->
|
||||
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,23 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>New Page 1</title>
|
||||
</head>
|
||||
|
||||
foo
|
||||
<table height="1820" align="right">
|
||||
<tr>
|
||||
<td valign="top" align="left" height="125" width="110">
|
||||
<br>Create a cool home page with the
|
||||
</td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td valign="top" align="left" height="100" width="110">
|
||||
<br>Get organized online with the
|
||||
</td>
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,58 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
|
||||
<HTML><HEAD><TITLE></TITLE>
|
||||
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<CENTER>
|
||||
<TABLE height="380" cellSpacing=0 cellPadding=0 width="100%" border=0>
|
||||
<TBODY>
|
||||
<TR>
|
||||
<TD width="100%" height=37>
|
||||
<H2 align=center><FONT face="Comic Sans MS">EET 304</FONT></H2></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=15>
|
||||
<P><FONT face="Comic Sans MS" size=2><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/eet_304.htm">Home</A></FONT></P></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/course%20Info/coursedescription.htm"><FONT
|
||||
face="Comic Sans MS" size=2>Course Information</FONT></A></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Lecture/lecture.htm"><FONT
|
||||
face="Comic Sans MS" size=2>Lecture</FONT></A></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Lecture/lecture.htm"><FONT
|
||||
face="Comic Sans MS"></FONT></A><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Homework/hw.html"><FONT
|
||||
face="Comic Sans MS" size=2>Homework</FONT></A></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Quizzes/Quizzes.htm"><FONT
|
||||
face="Comic Sans MS" size=2>Quizzes</FONT></A></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><FONT face="Comic Sans MS"
|
||||
color=#0000ff size=2><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Exams/exams.htm">Exams</A></FONT></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Homework/hw.html"><FONT
|
||||
face="Comic Sans MS"></FONT></A><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/lab/lab%20exp.htm"><FONT
|
||||
face="Comic Sans MS" size=2>Lab<U>oratory</U></FONT></A></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Grading/grades.htm"><U><FONT
|
||||
face="Comic Sans MS" size=2>Grades</FONT></U></A></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><FONT face="Comic Sans MS"
|
||||
size=2><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Filter%20Design/start.htm">Filter
|
||||
Design</A></FONT></TD></TR>
|
||||
<TR>
|
||||
<TD align=middle width="100%" height=25><FONT face="Comic Sans MS"
|
||||
size=2><U><A
|
||||
href="http://www.tech.purdue.edu/eet/courses/eet304/Schedule/Schedule.htm">Office
|
||||
Hours</A></U></FONT></TD></TR></TBODY></TABLE></CENTER>
|
||||
</BODY></HTML>
|
|
@ -0,0 +1,22 @@
|
|||
<BASE HREF="http://bugzilla.mozilla.org/">
|
||||
<html><head><title>Testcase for bug 128876</title></head><body>
|
||||
|
||||
<table style='border-collapse:collapse'>
|
||||
<tr>
|
||||
<td width=755 colspan=3></td>
|
||||
</tr>
|
||||
<tr>
|
||||
<td width=168></td>
|
||||
<td width=383></td>
|
||||
<td width=204><span>
|
||||
<head><title>on the web</title></head>
|
||||
<script src="notfound"120">
|
||||
|
||||
<TR><TD><A href="notfound">::A Geek In Korea::</A><BR><FONT class=adtext>Annyonghaseyo?</FONT></TD></TR><TR><TD align="right"><A href="http://blogsnob.idya.net"><IMG src="http://blogsnob.idya.net/ad.gif" border="0" alt="Ads by BlogSnob"></A></TD></TR></TABLE>
|
||||
</SPAN>
|
||||
</TD>
|
||||
</TR>
|
||||
</TABLE>
|
||||
|
||||
|
||||
</BODY></HTML>
|
|
@ -0,0 +1,158 @@
|
|||
<html>
|
||||
<body>
|
||||
<table border=0 cellpadding=0 cellspacing=0 width=1742 style='border-collapse:
|
||||
|
||||
collapse;table-layout:fixed;width:1308pt'>
|
||||
|
||||
<col class=xl34 width=54 span=2 style='mso-width-source:userset;mso-width-alt:
|
||||
|
||||
1974;width:41pt'>
|
||||
|
||||
<col class=xl34 width=71 style='mso-width-source:userset;mso-width-alt:2596;
|
||||
|
||||
width:53pt'>
|
||||
|
||||
<col class=xl34 width=68 style='mso-width-source:userset;mso-width-alt:2486;
|
||||
|
||||
width:51pt'>
|
||||
|
||||
<col class=xl36 width=70 style='mso-width-source:userset;mso-width-alt:2560;
|
||||
|
||||
width:53pt'>
|
||||
|
||||
<col class=xl34 width=92 style='mso-width-source:userset;mso-width-alt:3364;
|
||||
|
||||
width:69pt'>
|
||||
|
||||
<col class=xl34 width=123 style='mso-width-source:userset;mso-width-alt:4498;
|
||||
|
||||
width:92pt'>
|
||||
|
||||
<col class=xl34 width=58 style='mso-width-source:userset;mso-width-alt:2121;
|
||||
|
||||
width:44pt'>
|
||||
|
||||
<col class=xl30 width=64 span=248 style='mso-width-source:userset;mso-width-alt:
|
||||
|
||||
2340;width:48pt'>
|
||||
|
||||
<tr class=xl47 height=17 style='height:12.75pt'>
|
||||
|
||||
<td colspan=8 height=17 class=xl53 width=590 style='height:12.75pt;
|
||||
|
||||
width:444pt'>PRODUCT SPECIFICATIONS DAY CONTRACTS</td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
<td class=xl30 width=64 style='width:48pt'></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr class=xl32 height=15 style='height:11.25pt'>
|
||||
|
||||
<td height=15 class=xl33 style='height:11.25pt'>Product</td>
|
||||
|
||||
<td class=xl33>Contract</td>
|
||||
|
||||
<td class=xl33>Belongs</td>
|
||||
|
||||
<td class=xl33>First day of</td>
|
||||
|
||||
<td class=xl35 x:str="Last day of ">Last day of </td>
|
||||
|
||||
<td class=xl33 x:str="Date of ">Date of </td>
|
||||
|
||||
<td class=xl33>Settlement against</td>
|
||||
|
||||
<td class=xl33>Quoted</td>
|
||||
|
||||
<td colspan=18 class=xl30 style='mso-ignore:colspan'></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr class=xl32 height=15 style='height:11.25pt'>
|
||||
|
||||
<td height=15 class=xl33 style='height:11.25pt'>series</td>
|
||||
|
||||
<td class=xl33>hours</td>
|
||||
|
||||
<td class=xl33>to</td>
|
||||
|
||||
<td class=xl33>trading</td>
|
||||
|
||||
<td class=xl35>trading</td>
|
||||
|
||||
<td class=xl33>settlement</td>
|
||||
|
||||
<td class=xl32> </td>
|
||||
|
||||
<td class=xl33>currency</td>
|
||||
|
||||
<td colspan=18 class=xl30 style='mso-ignore:colspan'></td>
|
||||
|
||||
</tr>
|
||||
|
||||
<tr height=15 style='height:11.25pt'>
|
||||
|
||||
<td height=15 class=xl34 style='height:11.25pt'>D0101-00</td>
|
||||
|
||||
<td class=xl34 x:num>24</td>
|
||||
|
||||
<td class=xl34>Week 52-99</td>
|
||||
|
||||
<td class=xl36 x:num="36517">12/23/99</td>
|
||||
|
||||
<td class=xl36 x:num="36524">12/30/99</td>
|
||||
|
||||
<td class=xl36 x:num="36526">1/1/00</td>
|
||||
|
||||
<td class=xl34>System Price Elspot</td>
|
||||
|
||||
<td class=xl34>NOK</td>
|
||||
|
||||
<td colspan=18 class=xl30 style='mso-ignore:colspan'></td>
|
||||
|
||||
</tr>
|
||||
|
||||
</table>
|
||||
|
||||
|
||||
|
||||
</body>
|
||||
|
||||
|
||||
|
||||
</html>
|
||||
|
|
@ -0,0 +1,47 @@
|
|||
<HTML>
|
||||
<HEAD>
|
||||
<TITLE>Bug positionning table</TITLE>
|
||||
|
||||
<script language="javascript">
|
||||
|
||||
|
||||
function movep1()
|
||||
{
|
||||
var popup = document.getElementById("popup");
|
||||
|
||||
var l = document.getElementById("field1").value;
|
||||
var t = document.getElementById("field2").value;
|
||||
|
||||
popup.style.left = l;
|
||||
popup.style.top = t;
|
||||
}
|
||||
|
||||
function movep2()
|
||||
{
|
||||
var popup = document.getElementById("popup");
|
||||
popup.style.left = 0;
|
||||
}
|
||||
function movep3()
|
||||
{
|
||||
var popup = document.getElementById("popup");
|
||||
popup.style.left = 250;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
</HEAD>
|
||||
<BODY onLoad="movep2();movep3()">
|
||||
The tables left position should be 250.
|
||||
<p>Left: <input type="text" name="fieldt" id="field1" value="120px"></p>
|
||||
<p>Top: <input type="text" name="fieldl" id="field2" value="120px"></p>
|
||||
<p><input type="button" value="Move" onclick="movep1()"></p>
|
||||
|
||||
<!-- cellpadding=0 to avoid hitting another bug; not necessary for testcase -->
|
||||
|
||||
<table style="position:absolute;left:120px;top:120px" id="popup" border="1" cellpadding="0">
|
||||
<tr><td>foo</td></tr>
|
||||
<tr><td>bar</td></tr>
|
||||
</table>
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
|
@ -0,0 +1,41 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>CSS Display Attribute / Reflow Test </title>
|
||||
</head>
|
||||
|
||||
<body bgcolor="#FFFFFF" onLoad="enable('blueSpan','hidden');enable('blueSpan','visible');enable('blueSpan','hidden');">
|
||||
<a href="javascript:enable('blueSpan', 'hidden');">Hide Blue</a>
|
||||
<a href="javascript:enable('blueSpan', 'visible');">Show Blue</a>
|
||||
|
||||
<BR>Should not see the blue table<BR>
|
||||
|
||||
<table id="blueSpan" bgcolor="blue">
|
||||
<tr><td>
|
||||
Blue table
|
||||
</td></tr>
|
||||
</table>
|
||||
<br>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
||||
<script>
|
||||
|
||||
function enable(spanID, displayState) {
|
||||
var element = document.getElementById(spanID);
|
||||
|
||||
if (displayState == 'hidden') {
|
||||
element.style.display = 'none';
|
||||
} else {
|
||||
element.style.display = '';
|
||||
}
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
</BODY>
|
||||
</HTML>
|
|
@ -6,11 +6,16 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug1010.html
|
|||
file:///s|/mozilla/layout/html/tests/table/bugs/bug101201.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug101759.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug10140.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug102145-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug102145-2.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug102145-3.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug102145-4.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug10216.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug10269-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug10269-2.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug10296-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug10296-2.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug103533.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug104898.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1055-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1055-2.html
|
||||
|
@ -38,15 +43,18 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug11944.html
|
|||
file:///s|/mozilla/layout/html/tests/table/bugs/bug11945.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug13196.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12008.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug120364.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1220.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12287.xul
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1224.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12268.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12384.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1261.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug126742.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1262.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12709.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug1271.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug128876.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12908-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12908-2.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug12012.xul
|
||||
|
|
|
@ -26,6 +26,7 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug42187.html
|
|||
file:///s|/mozilla/layout/html/tests/table/bugs/bug4284.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug4294.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug42443.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug43039.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug43204.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug4382.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug4385.html
|
||||
|
@ -72,6 +73,7 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug48827.html
|
|||
file:///s|/mozilla/layout/html/tests/table/bugs/bug50695-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug50695-2.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug51000.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug51037.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug51140.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug51727.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug5188.html
|
||||
|
|
|
@ -69,6 +69,7 @@ file:///s|/mozilla/layout/html/tests/table/bugs/bug9123-2.html
|
|||
file:///s|/mozilla/layout/html/tests/table/bugs/bug92143.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug92647-1.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug92647-2.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug92868.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug93363.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug963.html
|
||||
file:///s|/mozilla/layout/html/tests/table/bugs/bug9271-1.html
|
||||
|
|
Двоичный файл не отображается.
После Ширина: | Высота: | Размер: 6.4 KiB |
|
@ -0,0 +1,45 @@
|
|||
<HTML>
|
||||
<HEAD>
|
||||
<TITLE>
|
||||
Table Background Testcase
|
||||
</TITLE>
|
||||
<style type="text/css">
|
||||
table {border-collapse: collapse; font-size: xx-large}
|
||||
td {border: 6px solid black; vertical-align: baseline}
|
||||
#g {border: 20px solid red}
|
||||
</style>
|
||||
</HEAD>
|
||||
<BODY>
|
||||
<div>
|
||||
<TABLE border=1 cellspacing=5>
|
||||
<colgroup>
|
||||
<col>
|
||||
<col>
|
||||
</colgroup>
|
||||
<colgroup span=2>
|
||||
</colgroup>
|
||||
<tbody style="background: url(file:///S|/mozilla/layout/html/tests/table/images/smblue_paper.gif);">
|
||||
<TR>
|
||||
<TD>Cell A</TD>
|
||||
<TD>Cell B</TD>
|
||||
<TD>Cell C</TD>
|
||||
<TD>Cell D</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>Cell E</TD>
|
||||
<TD>Cell F</TD>
|
||||
<TD id="g">Cell G</TD>
|
||||
<TD>Cell H</TD>
|
||||
</TR>
|
||||
<TR>
|
||||
<TD>Cell I</TD>
|
||||
<TD>Cell J</TD>
|
||||
<TD>Cell K</TD>
|
||||
<TD>Cell L</TD>
|
||||
</TR>
|
||||
</tbody>
|
||||
</TABLE>
|
||||
|
||||
</div>
|
||||
</BODY>
|
||||
</HTML>
|
|
@ -0,0 +1,115 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
|
||||
"http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>px-color</title>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
i=0;
|
||||
showal=false;
|
||||
|
||||
function changeStyleA(){
|
||||
usecolor = (i%2)<1 ? "#f00" : "#00f";
|
||||
|
||||
document.getElementById("extable").style.borderColor=usecolor;
|
||||
document.getElementById("extd").style.borderColor=usecolor;
|
||||
document.getElementById("exdiv").style.borderColor=usecolor;
|
||||
|
||||
document.getElementById("pxtable").style.borderColor=usecolor;
|
||||
document.getElementById("pxtd").style.borderColor=usecolor;
|
||||
document.getElementById("pxdiv").style.borderColor=usecolor;
|
||||
|
||||
document.getElementById("pttable").style.borderColor=usecolor;
|
||||
document.getElementById("pttd").style.borderColor=usecolor;
|
||||
document.getElementById("ptdiv").style.borderColor=usecolor;
|
||||
|
||||
document.getElementById("emtable").style.borderColor=usecolor;
|
||||
document.getElementById("emtd").style.borderColor=usecolor;
|
||||
document.getElementById("emdiv").style.borderColor=usecolor;
|
||||
|
||||
i++;
|
||||
|
||||
if (showal) {
|
||||
alert("document.getElementById('pxtable').style.borderColor = " +document.getElementById("pxtable").style.borderColor);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
Change the border colors a few times, they all should change color<BR>
|
||||
<p>
|
||||
|
||||
<table id="extable" style="border:1ex solid #0f0;">
|
||||
<tr>
|
||||
<td id="extd" style="border:1ex solid #0f0;">
|
||||
This is a td with border:1ex solid #0f0; in a table with border:1ex solid #0f0;
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<div id="exdiv" style="border:1ex solid #0f0;">
|
||||
this is a div with border:1ex solid #0f0;
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table id="pxtable" style="border:10px solid #0f0;">
|
||||
<tr>
|
||||
<td id="pxtd" style="border:10px solid #0f0;">
|
||||
This is a td with border:10px solid #0f0; in a table with border:10px solid #0f0;
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<div id="pxdiv" style="border:10px solid #0f0;">
|
||||
this is a div with border:10px solid #0f0;
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table id="pttable" style="border:10pt solid #0f0;">
|
||||
<tr>
|
||||
<td id="pttd" style="border:10pt solid #0f0;">
|
||||
This is a td with border:10pt solid #0f0; in a table with border:10pt solid #0f0;
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<div id="ptdiv" style="border:10pt solid #0f0;">
|
||||
this is a div with border:10pt solid #0f0;
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
|
||||
<table id="emtable" style="border:1em solid #0f0;">
|
||||
<tr>
|
||||
<td id="emtd" style="border:1em solid #0f0;">
|
||||
This is a td with border:1em solid #0f0; in a table with border:1em solid #0f0;
|
||||
</td>
|
||||
</tr>
|
||||
</table>
|
||||
|
||||
<p>
|
||||
|
||||
<div id="emdiv" style="border:1em solid #0f0;">
|
||||
this is a div with border:1em solid #0f0;
|
||||
</div>
|
||||
|
||||
<hr>
|
||||
<p>
|
||||
<a onClick="changeStyleA();">>>>click here to change colors<<<</a>
|
||||
<a onClick="showal=!showal;">>>>click here to (en|dis)able alert<<<</a>
|
||||
|
||||
</body>
|
||||
</html>
|
|
@ -0,0 +1,64 @@
|
|||
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
|
||||
<style>
|
||||
|
||||
#table {
|
||||
border: 8px solid #000;
|
||||
background-color: #fff;
|
||||
padding: 50px;
|
||||
width: 400px;
|
||||
height: 200px;
|
||||
}
|
||||
|
||||
#cell {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
<script>
|
||||
|
||||
var ix;
|
||||
var a= new Array( "#f00", "#0f0", "#00f", "#000", "#ff0", "#f0f", "#0ff", "#fff" );
|
||||
var len= a.length;
|
||||
var what= "table";
|
||||
var elem;
|
||||
var text;
|
||||
var id;
|
||||
|
||||
function Init( arg ) {
|
||||
what= arg;
|
||||
elem= document.getElementById( arg );
|
||||
text= document.getElementById( "text" );
|
||||
text.value= elem.style.backgroundColor;
|
||||
ix= 0;
|
||||
}
|
||||
|
||||
function Change() {
|
||||
elem.style.backgroundColor= a[ix++];
|
||||
if ( ix >= len ) ix= 0;
|
||||
text.value= elem.style.backgroundColor;
|
||||
}
|
||||
|
||||
</script>
|
||||
|
||||
<body onload="Init('table')">
|
||||
|
||||
Change the color on the table more than once.
|
||||
<BR>
|
||||
<table id=table><tr>
|
||||
<td id=cell></td>
|
||||
</tr></table>
|
||||
|
||||
<form>
|
||||
<p>Change
|
||||
<label><input type=radio name=radio onclick="Init('table')"> Table</label>
|
||||
<label><input type=radio name=radio onclick="Init('cell')"> Cell</label>
|
||||
color</p>
|
||||
<p><input type=button onclick="Change()" value="Change Color">
|
||||
Table/Cell backgroundColor is <input id=text type=text size=16></p>
|
||||
<p><input type=button onclick="window.id= setInterval( Change, 1000 )" value="Set Interval">
|
||||
<input type=button onclick="clearInterval( window.id )" value="Clear Interval"></p>
|
||||
</form>
|
||||
|
||||
</body>
|
Загрузка…
Ссылка в новой задаче