gecko-dev/layout/reftests/bugs/449362-1.html

79 строки
1.5 KiB
HTML

<html class="reftest-wait">
<head>
<title>FF3 Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<style>
td {
border: 1px solid;
vertical-align: top;
}
</style>
<script type="text/javascript" language="JavaScript">
/**
* Display the element 'idShow' and hide the element 'idHide'.
*
* @param idShow the id of the element to show.
* @param idHide the id of the element to hide.
*/
toggleElements = function(idShow, idHide)
{
var elementHide = document.getElementById(idHide);
var elementShow = document.getElementById(idShow);
if (elementHide && elementShow)
{
elementHide.style.display = 'none';
elementShow.style.display = '';
}
}
function doTest()
{
document.documentElement.removeAttribute("class");
}
function toggleElements2()
{
toggleElements('B', 'A');
}
document.addEventListener("MozReftestInvalidate", doTest, false);
setTimeout(toggleElements2, 200);
</script>
</head>
<body>
<table id="pp_owned" align="center" cellpadding="0" cellspacing="0">
<tbody>
<tr >
<td >Column 1</td>
<td >Column 2</td>
</tr>
<tr>
<td >
hello
</td>
<td >
<span id="A" style="" onclick="toggleElements('B', 'A')">
Click me!
</span>
<span id="B" style="display: none;" onclick="toggleElements('A', 'B')">
Now I am<br />
higher.<br />
Click me<br />
Again!
</span>
</td>
</tr>
</tbody>
</table>
</body>
</html>