Vis/skjul boks

F.eks. sådan:

  <table cellpadding="0" cellspacing="0">
    <tr>
      <td style="background-color: #190099; width: 600px;">
      <a href="java script:visSjul('Layer1');">
        <font class="bottom" style="text-decoration: bold;">
          FCK
        </font>
      </a>
      </td>
    </tr>
    <tr id="layer1">
      <td style="border: 1px solid #000000; width: 600px;">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <br>
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <br>
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      </td>
    </tr>
  </table>

<script type="text/javascript">
var cssTables;
function visSkjul(elm){
  if(!cssTables){
    var ua = navigator.userAgent.toLowerCase();
    cssTables = ua.indexOf('msie') > -1 && ua.indexOf('opera') == -1 ? 1 : 2;
  }
  elm = document.getElementById(elm);
  elm.style.display = elm.style.display != 'none' ? 'none' : cssTables == 1 ? 'block' : 'table-row';
}
</script>

-- som det fremgår har jeg fjernet den ulovlige nesting af divs direkte i tabellen, og som det også fremgår har jeg lavet et primitivt browser-check, da specielt Opera flipper helt ud hvis man giver en tabel-række en anden visning end table-row !-)

-- men egentlig ville jeg nok tænke i at gøre det med andre elementer, når du nu slet ikke har brug for tabel-egenskaberne ...

Nu har jeg prøvet at sætte det ind, men det virker ikke :S

Uff, jeg opdagede ikke at navnene i kaldet og id'et er forskellige, for 'layer1' er _ikke_ det samme som 'Layer1' !-)

-- sæt dem til det samme !-)

+ du også lige lavede en tastefejl i toppen:
      <a href="java script:visSjul('Layer1');">
Skal være:
      <a href="java script:visSkjul('Layer1');">

;o)

Jepz ,-(

Nu har jeg rettet det, men det ser stadig ikke ud til at virke

Hrm, du fik da ikke rettet tavetossen !-)

      <a href="java script:visSkjul('Layer1');">

Det gjorde jeg da :-)

  <table cellpadding="0" cellspacing="0">
    <tr>
      <td style="background-color: #190099; width: 600px;">
      <a href="java script:visSjul('Layer1');">
        <font class="bottom" style="text-decoration: bold;">
          FCK
        </font>
      </a>
      </td>
    </tr>
    <tr id="Layer1">
      <td style="border: 1px solid #000000; width: 600px;">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <br>
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <br>
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      <img src="1.jpg" width="100px" height="100px">
      </td>
    </tr>
  </table>

<script type="text/javascript">
var cssTables;
function visSkjul(elm){
  if(!cssTables){
    var ua = navigator.userAgent.toLowerCase();
    cssTables = ua.indexOf('msie') > -1 && ua.indexOf('opera') == -1 ? 1 : 2;
  }
  elm = document.getElementById(elm);
  elm.style.display = elm.style.display != 'none' ? 'none' : cssTables == 1 ? 'block' : 'table-row';
}
</script>

Næh det gjorde jeg ikke :D

Hvordan gør man så sådan at den starter foldet ind?

<tr id="Layer1" style="display:none">

Tak for det :o)

Læg et svar

Velbekomme '-)

-- og tak for point ;~}