Vise layer når checkbox markeret

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<STYLE TYPE=\"text/css\">
<!--
#divDisplay {position:absolute;left:5px;top:20px;clip:rect(0,100,20,0); background-color:#ffffff; layer-background-color:#ffffff;}
-->
</STYLE>

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--

var ns, ns6, ie;

function findBrowser(){
  ns  = (document.layers) ? true : false;
    ns6 = (document.getElementById) ? true : false;
    ie  = (document.all) ? true : false;
}

function checkBox(){
  var bChecked = document.form.chck.checked;
  if( ns ){
        if( bChecked ){
          document.layers[\"divVisibility\"].visibility = \"show\";
        } else {
          document.layers[\"divVisibility\"].visibility = \"hide\";
        }
    } else if( ie ){
        if( bChecked ){
          divVisibility.style.visibility = \"visible\";
        } else {
          divVisibility.style.visibility = \"hidden\";
        }
    } else if( ns6 ){
      if( bChecked ){
          document.getElementById(\"divVisibility\").style.visibility = \'visible\';
        } else {
          document.getElementById(\"divVisibility\").style.visibility = \'hidden\';
        }
    }
}
//-->
</SCRIPT>
<body onLoad=\"findBrowser();\">
Dette er en liten visibility test
<div name=\"divVisibility\" id=\"divVisibility\" style=\"position:relative;visibility:hidden;top:0px;left:0px;\">Test</div>
<br>
<form name=\"form\">
<input type=\"checkbox\" name=\"chck\" onClick=\"checkBox()\"></form>
</body>
</html>

Det virker perfekt i alle browsere (NS 4.7, Opear 5, alle IE´s...)

Det er bare perfekt....

Jeg takker mange gange for hjælpen, 60 pts. på vej til nute...

/ Sjoller

takker :-)

Dog kan jeg ikke bruge den... :-(

Hvordan får jeg den til at show / hide rows i tabeller ?

Så skal du f.eks. iterere dig igennem det pågældende table-elements children-objekter og sætte dem individuelt.

hth
jes

roenving >>
Det lyder som en hel krig... ?

Det er det nu ikke helt ;·], jeg så (igår?) jakoba lave noget som var rimeligt overskueligt, hvor det ovenikøbet var de enkelte tabelceller han havde fat i -- jeg havde det ikke lige liggende, men prøv at søge i hans besvarede spørgsmål, det skulle ikke være så svært.

Hvis du så har spørgsmål til det, så vend bare tilbage (og medtag gerne linket til jakobas kode).

mvh
jes

kan denne hjelpe deg litt lenger på veien ? (virker *ikke* i NS4.x, har ikke skrevet den for NS6, men det kan la seg gjøre):

<html>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
function checkBox( tdName ){
    for(i=0;i<document.all.length;i++){
        if(document.all[i].tagName==\'TD\' && document.all[i].id == tdName ){
          vis=document.all[i].style.visibility;
            if(vis==\'visible\'|| vis == \'\'){
              document.all[i].style.visibility=\'hidden\';
            }else{
              document.all[i].style.visibility=\'visible\';
            }
        }
  }
   
}
//-->
</SCRIPT>
<body>
<table>
<tr>
    <td id=\"one\">one</td>
    <td id=\"two\">two</td>
</tr>
<tr>
    <td id=\"three\">three</td>
    <td id=\"fire\">fire</td>
</tr>
</table><br>
<input type=\"checkbox\" onClick=\"checkBox(\'one\');\"> Skjul/vis \'one\'<br>
<input type=\"checkbox\" onClick=\"checkBox(\'two\');\"> Skjul/vis \'two\'<br>
<input type=\"checkbox\" onClick=\"checkBox(\'three\');\"> Skjul/vis \'three\'<br>
<input type=\"checkbox\" onClick=\"checkBox(\'fire\');\"> Skjul/vis \'fire\'<br>
</body>
</html>

/nute

ehhh....det scriptet var litt overkill...

<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--
function checkBox( tdName ){
    vis=document.all[tdName].style.visibility;
    if(vis==\'visible\'|| vis == \'\'){
      document.all[tdName].style.visibility=\'hidden\';
    }else{
      document.all[tdName].style.visibility=\'visible\';
    }
}
//-->
</SCRIPT>

/nute