Hide/show

<script type="text/javascript">
  function toggle(lagNavn) {
    var obj = document.getElementById(lagNavn);
    if(obj)
      obj.style.display=(obj.offsetHeight==0?'block':'none');
  }
</script>


<td rowspan="3" class="CenterFrame">

<a href="#show" onclick="toggle('link1');return false">Åben/Luk</a>

    <div id="JSHIDEOPTION" style="display:none;>
        <!-- #include file="MOTD-inc.asp" -->
    </div>
</td>

hvordan virker det med display? fjerner den indholdet, så jeg kan justere td bredden ned til 5px ect?

Altså som standard så er indholdet der slet ikke.. Du kan hverken se eller markere det. Når du så trykker på linket så kommer det frem. Så kan du så trykke igen for at fjerne det igen.

ja ok, hvordan for jeg så kodet ind i det samme script så den sætter
<td rowspan="3" class="CenterFrame" style="width:5px;">
<td rowspan="3" class="CenterFrame" style="width:200px;"> når det er vist?

give td et id og så få det med i functionen.

Jeg forstår ikke helt hvad du vil med de 5 px?
Prøv at uddybe dit spørgsmål.

<script type="text/javascript">
  function toggle(lagNavn, tdlag) {
    var obj = document.getElementById(lagNavn);
    var obj1 = document.getElementById(tdlag);
    if(obj)
      obj.style.display=(obj.offsetHeight==0?'block':'none');
    if(obj1)
        obj1.style.width=(obj1.style.width==10?'225px':'10px');
  }
</script>

Jeg vil bare lave så den også laver den del af tabellen lille some div lå i, så den ikke fylder så meget.

td.CenterFrame{
width:225px;
}

Så den skulle ændre width ned til 10px og op til 225 igen. Det virker næsten, den fjerne fint indholdet nu og sætter width til 10px, men når den skal lave det stort igen, vise indholdet og lave width til 225px så laver den det kun til noget lignene, det halve ~ 100px

obj1.style.width=(obj1.style.width=='10px'?'225px':'10px');
  }

function toggle(lagNavn, tdlag, image) {
    var obj = document.getElementById(lagNavn);
    var obj1 = document.getElementById(tdlag);
    var obj2 = document.getElementById(image);
    if(obj)
      obj.style.display=(obj.offsetHeight==0?'block':'none');
    if(obj1)
        obj1.style.width=(obj1.style.width=='5px'?'225px':'5px');
    if(obj2)
        obj2.src=(obj2.src=='more.jpg'?'less.jpg':'more.jpg');
  }

kan ikke lige få den til at ændre billedstien, er det ikke rigtig nok at det bare er obj.src for stien?

Hmm, gør den det i begge browsere?
og er koden valid?

ellers kan du jo altid lave den til det dobbelte så den halvere det til 255px? :-)

fandt fejlen på det :) men stadig problemer med billedet

<td id="JSTDSMALL"rowspan="3" class="CenterFrame">
        <a href="#show" onclick="toggle('JSHIDEOPTION','JSTDSMALL','JSIMAGE');return false"><img id="JSIMAGE" src="more.jpg" border="0"></a><br><br>
        <div id="JSHIDEOPTION">
        <!-- #include file="MOTD-inc.asp" -->
        </div></td>

koden skulle være god nok

Virker fint her, men nu ved jeg jo heller ikke hvordan hele din kode ser ud..

prøv at poste den

naa det er ok, fjernede det med billedet igen.

Virker fint, er det nemt at smide noget cookies på så den selv husker fra gang til gang hvad den var sidst?

Hvorfor dog gøre det? Det er overkill :-)

ok :)