2009-06-13 07:50:12 +04:00
|
|
|
<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()
|
|
|
|
{
|
|
|
|
toggleElements('B', 'A');
|
2009-07-28 21:19:17 +04:00
|
|
|
document.documentElement.removeAttribute("class");
|
2009-06-13 07:50:12 +04:00
|
|
|
}
|
2009-07-28 21:19:17 +04:00
|
|
|
window.addEventListener("MozReftestInvalidate", doTest, false);
|
2009-06-13 07:50:12 +04:00
|
|
|
</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 >
|
2009-07-28 21:19:17 +04:00
|
|
|
<span id="A">
|
2009-06-13 07:50:12 +04:00
|
|
|
Click me!
|
|
|
|
</span>
|
2009-07-28 21:19:17 +04:00
|
|
|
<span id="B" style="display: none;" >
|
2009-06-13 07:50:12 +04:00
|
|
|
Now I am<br />
|
|
|
|
higher.<br />
|
|
|
|
|
|
|
|
Click me<br />
|
|
|
|
Again!
|
|
|
|
</span>
|
|
|
|
</td>
|
|
|
|
</tr>
|
|
|
|
</tbody>
|
|
|
|
</table>
|
|
|
|
</body>
|
|
|
|
</html>
|
|
|
|
|
|
|
|
|