Skjule og fjerne en række <tr>

Prøv med dette:

<script type="text/javascript">
function foldIndUd(id) {
  var x = document.getElemtById(id).style.display;
  x = x == 'block' ? 'none' : 'block';
}
</script>

<table>
<a href="#" onClick="foldIndUd('tr_id');">Klik</a>
<div id="tr_id" style="display:block;">
<tr><td>indhold</td></tr>
</div>
</table>

:)

Ja, men det dur jo ikke når der er en hel masse <tr>'er som skal skjules og vises på samme tid... De skal på en eller anden måde have samme id...

Enten skal du give dem forskellige id's, og så sætte dem i et array og skjule dem i en løkke, eller give dem samme id (selvom dette ikke er anbefalet) og så skjule dem vha dette.

Eller se løsningen i http://eksperten.dk/spm/436135 ;)

Eller her http://eksperten.dk/spm/442798

Jeg tror desværre ikke at I forstår mig....

Jeg har en masse forskellige <tr>'er i tabellen, de ligger ikke under hindanden men er lidt spredt... Jeg kan ikke give dem forskellige id'er da siden er dynamisk opbygget (grundet måden det bliver skrevet til siden og linkets placering i forhold til det...)

Jeg stillede samme spørgsmål på Experts Exchange, og fik dette svar (det virker nu, så jeg lukker):


<style type="text/css">
.closed .hidden {display:none;}
.closed .hidelink {display:none;}
.opened .showlink {display:none;}
</style>

<div id="myblock" class="closed">
  <a class="showlink" href="#" onclick="document.getElementById('myblock').className='opened';">Show</a>
  <a class="hidelink" href="#" onclick="document.getElementById('myblock').className='closed';">hide</a>
  <table >
    <tr class="visible"><td>Not Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
    <tr class="visible"><td>Not Hidden</td></tr>
    <tr class="visible"><td>Not Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
    <tr class="visible"><td>Not Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
    <tr class="hidden"><td>Hidden</td></tr>
  </table>
</div>

glemte at lukke..