Téma 1423
Az id azonositóval rendelkező táblázat elrejtése, felfedése.
A teljes táblázat ki és bekapcsolása akkor hatásos, ha a kezdőcímkék nem rendelkeznek egyáltalán azonosítóval, vagy olyan egyedi azonosítóval, melyek a js programunkban szerepelnek.
| <tr> | <th id="rejtth1">Fejléc</th> | <th>Fejléc</th> | </tr> |
|---|---|---|---|
| <tr id="rejttr1"> | <td>ADAT</td> | <td>ADAT</td> | </tr> |
| <tr> | <td>ADAT</td> | <td id="rejttd2">ADAT</td> | </tr> |
<head>
<script language="JavaScript" type="text/javascript">
function ShowHide() {
if (!document.getElementById) return;
var rejttabla1 =document.getElementById("rejttabla1");
var rejttr1 =document.getElementById("rejttr1");
var rejtth1 =document.getElementById("rejtth1");
var rejttd2 =document.getElementById("rejttd2");
var showstablasor1 = document.form1.rejttabla1.checked;
var showstrsor1 = document.form1.rejttr1.checked;
var showsthcella1 = document.form1.rejtth1.checked;
var showstdcella2 = document.form1.rejttd2.checked;
rejttabla1.style.visibility=(showstablasor1) ? "visible" : "hidden";
rejttr1.style.visibility=(showstrsor1) ? "visible" : "hidden";
rejtth1.style.visibility=(showsthcella1) ? "visible" : "hidden";
rejttd2.style.visibility=(showstdcella2) ? "visible" : "hidden";
}
</script>
</head>
<body>
<table width="790px" class="tabla79" id="rejttabla1">
<caption> A táblázat címsora</caption>
<tr>
<th id="rejtth1">Oszlop elnevezése</th>
<th>Oszlop elnevezése</th>
<th>Oszlop elnevezése</th>
</tr>
<tr id="rejttr1">
<td>ADAT</td>
<td>ADAT</td>
<td>ADAT</td>
</tr>
<tr>
<td>ADAT</td>
<td>ADAT</td>
<td>td id="rejttd2">ADAT</td>
</tr>
</table>
<form name="form1">
<u> <strong> Table, tr, th, td, elrejtés vagy felfedése </strong> </u> <br />
<input type="checkbox" name="rejttabla1" checked onClick="ShowHide() ;"> table (azonosítója id="tabla1")<br />
<input type="checkbox" name="rejttr1" checked onClick="ShowHide() ;"> tr (azonosítója id="rejttr1")<br />
<input type="checkbox" name="rejtth1" checked onClick="ShowHide() ;"> th (azonosítója id="rejtth1")<br />
<input type="checkbox" name="rejttd2" checked onClick="ShowHide() ;"> td (azonosítója id="rejttd2")<br />
</form>
</body>