virker ikke i mozilla firefox

Her er det i enmeget simpel udgave. Det fungerer fint i explorer men ikke i mozilla.

<script type="text/javascript">
function showhideinfo(objToShowOrHide,TheChkbox){
    var obj = false;
    if(document.getElementById){obj=document.getElementById(objToShowOrHide);}
    else if(document.all){obj=document.all[objToShowOrHide];}
    else if(document.layers){obj=eval("document." + objToShowOrHide);}
    if(obj){
        if(TheChkbox.checked){
            obj.style.display="none";
        } else {
            obj.style.display="block";
        }
    }
}
</script>
<table width="98%" border="1" bordercolor="#333366" cellspacing="0" cellpadding="1">
    <tr>
        <td class="littlesmaller" align="center" width="20"></td>
        <td class="littlesmaller" width="20" align="center">xxx</td>
        <td class="littlesmaller"><input name="hide_those_i_have_seen" type="checkbox" value="ja"  onclick="showhideinfo('descclose18',this);"><strong>Hide those I have seen</strong></td>
        <td class="littlesmaller">xxx xxxxxxx</td>
        <td class="littlesmaller" align="center" width="34">xxx xxxxxxx</td>
        <td class="littlesmaller" align="center" width="35">xxx xxx xxx</td>
        <td class="littlesmaller" align="center" width="40">xxxxx xxxxxx</td>
    </tr>
    <tr style='display:block;' id='descclose18'>
        <td valign="middle" align="center"></td>
        <td valign="middle" align="center"></td>
        <td>BLAAAAA BLAAAAA</td>
        <td>BLAAAAA BLAAAAA</td>
        <td align="center"></td>
        <td align="center" valign="middle"></td>
        <td align="center" valign="middle"></td>
    </tr>
    <tr style='display:block;' id='descclose16'>
        <td valign="middle" align="center"></td>
        <td valign="middle" align="center"></td>
        <td>BLAAAAA BLAAAAA</td>
        <td>BLAAAAA BLAAAAA</td>
        <td align="center"></td>
        <td align="center" valign="middle"></td>
        <td align="center" valign="middle"></td>
    </tr>
</table>

Det har jeg også haft probmener med. Løsningen er at putte et <div> tag ind i <td>'et:

<tr>
<td>
<div style='display:block;' id='descclose18'>
<table>
<tr>
  <td valign="middle" align="center"></td>
  <td valign="middle" align="center"></td>
  <td>BLAAAAA BLAAAAA</td>
  <td>BLAAAAA BLAAAAA</td>
  <td align="center"></td>
  <td align="center" valign="middle"></td>
  <td align="center" valign="middle"></td>
</tr>
</table>
</div>
</td>
</tr>

Så skal det lige passes til, men det virker i alle browsere :)

Ja, jeg kender det trick med div.
Men så bliver det bare så rodet at kigge på.

En linie i mit eksempel er fra <tr> til </tr> så den skal se sådan ud hvis det skal virke.

<tr>
<td>
<table>
<div style='display:block;' id='descclose18'>
  <tr>
  <td valign="middle" align="center"></td>
  <td valign="middle" align="center"></td>
  <td>BLAAAAA BLAAAAA</td>
  <td>BLAAAAA BLAAAAA</td>
  <td align="center"></td>
  <td align="center" valign="middle"></td>
  <td align="center" valign="middle"></td>
  </tr>
</div>
</table>
</td>
</tr>

Jeg prøver det lige men jeg tror ikke det virker

det virker ikke...

her er det jeg har prøvet:
<table width="98%" border="1" bordercolor="#333366" cellspacing="0" cellpadding="1">
    <tr>
        <td class="littlesmaller" align="center" width="20"></td>
        <td class="littlesmaller" width="20" align="center">xxx</td>
        <td class="littlesmaller"><input name="hide_those_i_have_seen" type="checkbox" value="ja"  onclick="showhideinfo('descclose18',this);"><strong>Hide those I have seen</strong></td>
        <td class="littlesmaller">xxx xxxxxxx</td>
        <td class="littlesmaller" align="center" width="34">xxx xxxxxxx</td>
        <td class="littlesmaller" align="center" width="35">xxx xxx xxx</td>
        <td class="littlesmaller" align="center" width="40">xxxxx xxxxxx</td>
    </tr>
    <div>
        <tr style='display:block;' id='descclose18'>
            <td valign="middle" align="center"></td>
            <td valign="middle" align="center"></td>
            <td>BLAAAAA BLAAAAA</td>
            <td>BLAAAAA BLAAAAA</td>
            <td align="center"></td>
            <td align="center" valign="middle"></td>
            <td align="center" valign="middle"></td>
        </tr>
    </div>
    <div style='display:block;' id='descclose16'>
        <tr>
            <td valign="middle" align="center"></td>
            <td valign="middle" align="center"></td>
            <td>BLAAAAA BLAAAAA</td>
            <td>BLAAAAA BLAAAAA</td>
            <td align="center"></td>
            <td align="center" valign="middle"></td>
            <td align="center" valign="middle"></td>
        </tr>
    </div>
</table>

Det skal se ud som det jeg har skrevet. Det er ikke det samme som du har skrevet nogen af stederne...

<tr>
<td>
<div>
<table>
<tr>
<td>...</td>
<td>...</td>
<td>...</td>
</tr>
</table>
</div>
</td>
</tr>

Og DET VIRKER...

Ja, det ved jeg godt, men linierne har ikke hvert sit table.

Hver linie er fra <tr> til </tr>

ikke fra <table> til </table>

hvis det var fra <table> til </table> så kan du bare skrive <table style='display:block;' id='descclose16'>
Det virker os og er lidt lettere...

Har du andre forslag

Næ, men andre forslag er heller ikke nødvendige!

jo, det er! For det duer ikke! Ikke som det skal!

Hermed lukket!

Tak

<ole>

Du skriver bare dårlig kode ... men da du åbenbart ikke _vil_ have en løsning på problemet, så må du jo forblive ude i mørket  :)

/mvh
</bole>

<ole> Du skriver bare dårlig kode :
Tak, jeg er nu meget godt tilfreds, i forhold til at jeg er ret ny i det.
Så længe det virker og brugeren er tilfreds, så er jeg tilfreds!

Og jeg ER inde i lyset :o) ikke ude i mørket...
Det er bare et andet lys :o)

Hvordan ville du da skrive koden?
Du må gerne uddybe din kritik bare en lille smule

Tak

er dette bedre?

<script type="text/javascript">
function showhideinfo(objToShowOrHide,TheChkbox){
    obj=document.getElementById(objToShowOrHide);
    if(TheChkbox.checked){
        obj.style.display="none";
    } else {
        obj.style.display="block";
    }
}
</script>
<table width="98%" border="1" bordercolor="#333366" cellspacing="0" cellpadding="1">
    <tr>
        <td width="20" align="center"></td>
        <td width="20" align="center">xxx</td>
        <td><input type="checkbox" onclick="showhideinfo('descclose18',this);">Hide</td>
        <td>xxx</td>
        <td align="center" width="34">xxx</td>
        <td align="center" width="35">xxx</td>
    </tr>
    <tr style='display:block;' id='descclose18'>
        <td></td>
        <td></td>
        <td>BLAAAAA</td>
        <td>BLAAAAA</td>
        <td></td>
        <td></td>
    </tr>
    <tr style='display:block;' id='descclose16'>
        <td></td>
        <td></td>
        <td>BLAAAAA</td>
        <td>BLAAAAA</td>
        <td></td>
        <td></td>
    </tr>
    <tr style='display:block;' id='descclose20'>
        <td></td>
        <td></td>
        <td>BLAAAAA</td>
        <td>BLAAAAA</td>
        <td></td>
        <td></td>
    </tr>
</table>

okay jeg må gi mig. det kan godt gøres med div.

Problemet var at få cellevæggene til at stå ens.
Men det har jeg løst med at sætte en width="40%" i den ene <td>
På den måde er det kun én td der ikke har defineret sin width.
Og så virker det :o) (næsten som det skal)

jeg har gjort det således:

<table width="98%" border="1" bordercolor="#333366" cellspacing="0" cellpadding="1">
    <tr>
        <td width="20" align="center">x</td>
        <td width="20" align="center">xxx</td>
        <td width="40%"><input type="checkbox" onclick="showhideinfo('descclose16',this);">Hide</td>
        <td>xxx</td>
        <td align="center" width="34">xxx</td>
        <td align="center" width="35">xxx</td>
    </tr>
</table>
<div style='display:block;' id='descclose18'>
    <table width="98%" border="1" bordercolor="#333366" cellspacing="0" cellpadding="1">
        <tr>
            <td width="20" align="center">x</td>
            <td width="20">x</td>
            <td width="40%">BLAAAAA</td>
            <td>BLAAAAA ddd</td>
            <td width="34">x</td>
            <td width="35">x</td>
        </tr>
    </table>
</div>

Så ok, det kan godt lade sig gøre...

sorry legende.dk

Og så dog :o) det duede ikke for det var umuligt at få cellevæggene til at følges ad. Æv!

Men så fandt jeg løsningen her:
http://forums.devshed.com/archive/t-130791

Et lille script som skifter mellem 'display:block' og 'display:table-row' alt efter browseren. og det var netop løsningen.