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.getElementById("EventsBody");
for (var i = elem.rows.length-1; i >= 0 ; i--) {
if (elem.rows.cells[0].firstChild.checked) {
elem.removeChild(elem.rows);
}
}
}


<% Do While Not rs.EOF %>
<tr>
<td><input type="checkbox"/></td>
</tr>
<%
rs.MoveNext
Loop
%>

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

 

[John]

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.getElementById("EventsBody");
for (var i = elem.rows.length-1; i >= 0 ; i--) {
if (elem.rows.cells[0].firstChild.checked) {
elem.removeChild(elem.rows);
}
}
}

How about this?

function displayEvents( show) {
var elem = document.getElementById("EventsBody");
for (var i = elem.rows.length-1; i >= 0 ; i--) {
if (elem.rows.cells[0].firstChild.checked) {
elem.rows.style.display = show ? "inline" : "none";
}
}
}


function hideEvents( ) {
displayEvents(false);
}

function showEvents( ) {
displayEvents(true);
}

 

[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.