Skjul rækker i en tabel vha. JavaScript

<ole>
document.getElementById(\"dinTRsId\").style.display = \"none\"; // Skjul
document.getElementById(\"dinTRsId\").style.display = \"block\"; // Vis
/mvh
</bole>

hmmmm....i IE

<html>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
function hideTD(){
  var tdName = document.form.sel.options[document.form.sel.selectedIndex].value;
    var vis=document.all[tdName].style.visibility;
    if(vis==\'visible\'|| vis == \'\'){
      document.all[tdName].style.visibility=\'hidden\';
    }else{
      document.all[tdName].style.visibility=\'visible\';
    }
}
//-->
</SCRIPT>
<body>
<table border=\"1\">
<tr>
    <td id=\"one\">one</td>
    <td id=\"two\">two</td>
</tr>
<tr>
    <td id=\"three\">three</td>
    <td id=\"four\">four</td>
</tr>
</table><br>
<form name=\"form\">
<select name=\"sel\" onChange=\"hideTD()\">
<option value=\"one\">Skjul \'one\'</option>
<option value=\"two\">Skjul \'two\'</option>
<option value=\"three\">Skjul \'three\'</option>
<option value=\"four\">Skjul \'four\'</option>
</select>
</form>
</body>
</html>

/nute

Jeg har nogle rækker efter hinanden, som så skal skjules når jeg trykker på den øverste.

Siden er dynamisk opbygget og jeg har derfor mulighed for at give de forskellige grupper af rækker det samme id. Kan det lade sig gøre at skjule en masse rækker der har det samme id, med et enkelt metodekald.

tja....hvorfor ikke leke litt med det du allerede har fått postet ???

<html>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
function hideTD(){
  var tdName = document.form.sel.options[document.form.sel.selectedIndex].value;
    var vis=document.all[tdName].style.visibility;
    if(vis==\'visible\'|| vis == \'\'){
      document.all[tdName].style.visibility=\'hidden\';
    }else{
      document.all[tdName].style.visibility=\'visible\';
    }
}
//-->
</SCRIPT>
<body>
<table border=\"1\">
<tr id=\"one\">
    <td>one</td>
    <td>two</td>
</tr>
<tr id=\"two\">
    <td>three</td>
    <td>four</td>
</tr>
</table><br>
<form name=\"form\">
<select name=\"sel\" onChange=\"hideTD()\">
<option value=\"one\">Skjul \'one\'</option>
<option value=\"two\">Skjul \'two\'</option>
</select>
</form>
</body>
</html>

/nute

mute <<<
hvis du kan give et eksempel hvor jeg i stedet for at vælger på en liste, klikker på et link eller en anden ting, evt. en knap. Så får du pointene

jeg programmerer meget i PHP men rører sjældent ved JavaScript, derfor er jeg mongol til det

<html>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
function hideTR(trName){
    var vis=document.all[trName].style.visibility;
    if(vis==\'visible\'|| vis == \'\'){
      document.all[trName].style.visibility=\'hidden\';
    }else{
      document.all[trName].style.visibility=\'visible\';
    }
}
//-->
</SCRIPT>
<body>
<table border=\"1\">
<tr id=\"one\">
    <td>one</td>
    <td>two</td>
</tr>
<tr id=\"two\">
    <td>three</td>
    <td>four</td>
</tr>
</table><br>
<a href=\"java script:void(hideTR(\'one\'));\">Skjul/vis første rekke</a><br>
<a href=\"java script:void(hideTR(\'two\'));\">Skjul/vis annen rekke</a>
</body>
</html>
(

nute <<<
kander du en smart måde at skjule to rækker på samme tid

prøv å bytt ut denne:

<table border=\"1\">
<tr id=\"one\">
    <td>one</td>
    <td>two</td>
</tr>
<tr id=\"two\">
    <td>three</td>
    <td>four</td>
</tr>
</table>

med denne og se selv:

<table border=\"1\">
<tr id=\"one\">
    <td>one</td>
    <td>two</td>
</tr>
<tr id=\"two\">
    <td>three</td>
    <td>four</td>
</tr>
<tr id=\"one\">
    <td>one</td>
    <td>two</td>
</tr>
<tr id=\"two\">
    <td>three</td>
    <td>four</td>
</tr>
<tr id=\"one\">
    <td>one</td>
    <td>two</td>
</tr>
</table>

Det har jeg prøvet selv, og så snart der er flere rækker den skal vise/fjerne så får jeg en fejl

oki....så skal man nok skrive litt mer kode. Jeg kan kikke på det litt utover kvelden

/nute