зеркало из https://github.com/mozilla/gecko-dev.git
79 строки
1.5 KiB
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>
|
||
|
|
|
||
|
|
|