Hide/Show Table Rows

[evanburen]

I'm using this to hide rows in a table created from ASP. This works
well but I would like to also be able to 'Show' the records again that
there hidden by removeEvents( ). Thanks.

function removeEvents( ) {
var elem = document.getEle mentById("Event sBody");
for (var i = elem.rows.lengt h-1; i >= 0 ; i--) {
if (elem.rows[i].cells[0].firstChild.che cked) {
elem.removeChil d(elem.rows[i]);
}
}
}
<% Do While Not rs.EOF %>
<tr>
<td><input type="checkbox"/></td>
</tr>
<%
rs.MoveNext
Loop
%>

<input type="button" value="Hide Checked Events"
onclick="remove Events();"/>

[John]

<ev*******@gmai l.com> wrote in message
news:11******** **************@ z14g2000cwz.goo glegroups.com.. .

I'm using this to hide rows in a table created from ASP. This works
well but I would like to also be able to 'Show' the records again that
there hidden by removeEvents( ). Thanks.

function removeEvents( ) {
var elem = document.getEle mentById("Event sBody");
for (var i = elem.rows.lengt h-1; i >= 0 ; i--) {
if (elem.rows[i].cells[0].firstChild.che cked) {
elem.removeChil d(elem.rows[i]);
}
}
}

How about this?

function displayEvents( show) {
var elem = document.getEle mentById("Event sBody");
for (var i = elem.rows.lengt h-1; i >= 0 ; i--) {
if (elem.rows[i].cells[0].firstChild.che cked) {
elem.rows[i].style.display = show ? "inline" : "none";
}
}
}
function hideEvents( ) {
displayEvents(f alse);
}

function showEvents( ) {
displayEvents(t rue);
}

[Danny]

Do not use .removeChild() method, as it nulls out the node, instead,
just set the .style.display= 'none' and then back to 'table-row' for
when you want to show them :).

Danny

[evanburen]

Perfect! Thanks.