mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
30 lines
846 B
HTML
30 lines
846 B
HTML
|
<html>
|
||
|
|
<head>
|
||
|
|
<script>
|
||
|
|
function hide() {
|
||
|
|
var cell2 = document.getElementById("cell2");
|
||
|
|
cell2.setAttribute("style", "border:2px solid green;display:none;width:0%;");
|
||
|
|
}
|
||
|
|
function show() {
|
||
|
|
var cell2 = document.getElementById("cell2");
|
||
|
|
cell2.setAttribute("style", "border:2px solid green;display:normal;width:33%;");
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
</head>
|
||
|
|
<body onload="hide()">
|
||
|
|
<table width="80%">
|
||
|
|
<tr>
|
||
|
|
<td width="33%" style="border: 2px solid red;">
|
||
|
|
Cell 1 (width=33%).
|
||
|
|
</td>
|
||
|
|
<td id="cell2" style="border:2px solid green;width:33%;">
|
||
|
|
Cell 2 (width=33%).
|
||
|
|
</td>
|
||
|
|
<td width="*" style="border: 2px solid blue;">
|
||
|
|
Cell 3 (width=*) - should be 67% when cell 2 is hidden, 33% when cell 2 is visible.
|
||
|
|
</td>
|
||
|
|
</tr>
|
||
|
|
</table>
|
||
|
|
</body>
|
||
|
|
</html>
|