Divblokke som ikke reagerer på display=none

Det er ikke lovligt at placere et div-tag der. Smid det direkte på tr-taget:

<tr id="del19" style="display:none">
  <td>0</td>
</tr>
<tr id="del22" style="display:none">
  <td>1</td>
</tr>

-- og hvis man bruger vis/skjul på tabelrækker, skal man forberede sig på nogle overraskelser i de forskellige browsere, hvis man 'bare' bruger tableRow.style.display = 'block'; !-)

-- for nogle browsere tager i det stykke css2 alvorligt og forlanger, at der bruges: tableRow.style.display = 'table-row'; hvilket slet ikke anerkendes af IE ...

roenving >>
Ved du om man kan snyde den eller skal man til at lave et browser tjek??

Jeg har ikke fundet på noget bedre end browser-check ...

-- men det er jo ovenikøbet sådan, at de browsere, der i dag anerkender css2 i tidligere udgaver ikke anerkendte det ,-(

-- så hvis man kunne finde en tingest, der kunne aflæses og som var synkron i indførelsestidspunkt, ville man kunne lave et rimeligt intelligent check, men jeg er ikke kommet på noget ...

Hrm, måske kunne man prøve at sætte den til table-row og så aflæse den, men jeg er ikke sikker på, hvordan alle browserne håndtere info, der ikke giver mening (css-rekommendationen siger klart, at renderingsmaskinen skal overse properties, den ikke kender, men det kan jo vente med at ske indtil den skal bruge informationen, så det kan godt være, at de alligevel opbevarer meningsløs info !-)

Jeg har mere end en <tr> i hver blok. Noget i stil med
  <div id="del19" style="display:none">
      <tr><td>tekst 1</td></tr>
      <tr><td>tekst 2</td></tr>
  </div>
Problemet er at jeg senere havde tænkt mig at udføre
  document.getElementById('del19').style.display = block;
Hvis jeg udfører style="display:none" på <tr> istedet for på <div> så må det vel blive noget i stil med
  <tr class="del19" style="display:none"><td>tekst 1</td></tr>
  <tr class="del19" style="display:none"><td>tekst 2</td></tr>
Hvordan gør jeg så begge <tr> synlige?
Hvornår må man så anvende display:none på <div>?
Christian

Hos mig er det helt sikkert at brugerne udelukkende anvender ei6 (i sjældne tilfælde mac). Christian

De skal have hver deres id:
<tr id="del19" style="display:none"><td>tekst 1</td></tr>
<tr id="del20" style="display:none"><td>tekst 2</td></tr>

document.getElementById('del19').style.display = block;
document.getElementById('del20').style.display = block;

-- så kan du vel bare:

...
<tr>
  <td>
    <div id="del19" style="display:none;">
      <div>tekst 1</div>
      <div>tekst 2</div>
    </div></td>
</tr>

Skal vi tage lidt element regler også :o)

Der er regler for hvilke elementer der må placeres inde i andre elementer. Du må kun placere <tr> (samt få andre table relateret elementer) som direkte undernode til <table>. Det samme gør sig gældende i <tr>. Tilgængæld må du godt placere <div> i <td>

<table>
<div> <-- Ulovlig div
<tr>
  <div> <-- Ulovlig div
  <td><div></div></td> <-- Lovlig div

Netop - hvert deres id. Men hvis jeg har ca. 10 blokke der hver indeholder 5 <tr> bliver det mange document.getElementById i det script jeg skal lave, og desuden bliver det en meget kompliseret og lang funktion der skal vise og skjule blokkene. Kan man gøre noget der fungerer som en document.getElementByClass?
Christian

Kan du ikke bare bruge noget, der ligner 16/11-2005 13:39:18, evt. med en tabel inde i diven (eller i stedet for diven !-)

OK - jeg kryber til korset.
Det blev en
  <tr id="del19" style="display:none;"><td>
      <table style="display:none;">
        <tr><td>tekst 1</td></tr>
        <tr><td>tekst 2</td></tr>
osv.
om hele molevitten.
Har du andre SVAR roenving?
Mvh Christian

Det er vel fordi du har flere celler pr. række, du bruger en tabel, for ellers er den overflødig, og ovennævnte div-løsning nemmere at overskue og vedligeholde !-)

-- els velbekomme '-)

Nemlig! - Altså flere celler.
Mvh Christian

-- og tak for point ;~}