Forskydning af tabel

Hov, koder på en iis .5.0 til IE

du kan sætte width på dine <td> tags

<td align="center" width="200">

:)

<ole>

Med al respekt, så tror jeg, det er dette, der søges:

<script type="text/JavaScript">
function toggleCol() {
    var col = document.getElementById('hest').getElementsByTagName('COL')[0];
    col.style.display = (col.style.display=="none")? "block" : "none";
}
</script>

<button onclick="toggleCol()">TEST</button>

<table id="hest" cellspacing="1" cellpadding="3" border="0">
<col style="display:none"><col><col><col>
<tr>
    <td>Blabla bla</td>
    <td>kjkjkj</td>
    <td>kjkjkj</td>
    <td>kjkjkj</td>
</tr>
<tr>
    <td>Blabla bla</td>
    <td>kjkjkj</td>
    <td>kjkjkj</td>
    <td>kjkjkj</td>
</tr>
<tr>
    <td>Blabla bla</td>
    <td>kjkjkj</td>
    <td>kjkjkj</td>
    <td>kjkjkj</td>
</tr>
</table>

Her har jeg lagt kaldet på en knap, men du kan jo ligeså godt skrive onclick-handler'en på et billede af en pil  :)

/mvh
</bole>

olebole -> kigger på det... :)

oooooggggg nej legende.dk, det var ikke hvad jeg søgte. :)

ole:

det er tæt på. Det er den fumktion jeg søger, fint nok, dog har jeg lidt problemer med at designe det til hvad jeg gerne vil have.

Jeg har omrokeret lidt på koden:
<script type="text/JavaScript">
function toggleCol() {
    var col = document.getElementById('hest').getElementsByTagName('COL')[0];
    col.style.display = (col.style.display=="none")? "block" : "none";
}
</script>

<button onclick="toggleCol()">TEST</button>

<table id="hest" cellspacing="1" cellpadding="3" border="0">
<col><col><col style="display:none">
<tr>
    <td>1.1</td>
    <td>2.1</td>
    <td>3.1</td>
</tr>
<tr>
    <td>1.2</td>
    <td>2.2</td>
    <td>3.2</td>
</tr>
<tr>
    <td>1.3</td>
    <td>2.3</td>
    <td>3.3</td>
</tr>
</table>

I koden ovenfor gemmes 3.x ved start, hvilket er OK!, men 1.x fjernes ved klik istedet for at 3.x vises. Hvordan gøres dette?

funktion even

Hvordan får jeg 3.x til at blive vist ved klik ?

var col = document.getElementById('hest').getElementsByTagName('COL')[0];
Betyder:
Vi opretter en variabel 'col'. I den lægger vi en reference til et col-tag. Det tag, vi gerne vil referere til, er det første i tabellen 'hest' ... col-tag nummer '0' i tabellen.

  var col = document.getElementById('hest').getElementsByTagName('COL')[2];
gør nok det, du ønsker  ;o)

ahhh.. prøver....

For yderligere info, kig evt. her: http://www.hesteviden.dk/Hesteviden/Hesteracer/Knabstrupper.htm

:P Sorry!

*LooOooL* Hold da k..., legende - den skulle det aldrende kodeho'de zq lige vende 5-14 gange, før den sev ind  :D

Rørende kræ der, ligner lidt en oppustet dalmatiner :P one for you <o/b>

virker fint ole, takker... svarer du ....

... ka' du tro ;o)