Hvis checkbox checked vis en hel <tr>

<ole>

Ja, men det kræver, du giver TR'en en id:

<script type="text/JavaScript">
var d = document;
function gE(id){return d.getElementById(id)}
</script>

<table cellspacing="0" cellpadding="0" border="0">
<tr>
    <td>Tilbud</td>
    <td>Ja <input type="checkbox" onclick="gE('offer0').style.visibility=(this.checked)?'visible':'hidden';" /></td>
</tr>
               
<tr id="offer0" class="offer" style="visibility:hidden;display:block">
    <td>Tilbuds pris</td>
    <td><input type="text" name="offer_price" class="txt_box"></td>
</tr>
</table>

Bruger du 'visibility' med 'hidden'/'visible', tager rækken plads op i designet. Skifter du derimod mellem 'display' som 'none'/'block' tager den ingen plads op, når den er gemt  ;o)

/mvh
</bole>

du er en snuskebasse ;)
Læg et svar hvis du vil ha point :-D

Ordet 'snuskebasse' er jo næsten det hele værd ... men pyt ... du får lige et svar  ;D

Hov lige et spm til Prøvede lige at lave det her

<script type="text/JavaScript">
var d = document;
function gE(id){return d.getElementById(id)}
</script>



<tr>
                <td colspan="2" align="center">Er der mængderabat ?
                Ja <input type="checkbox" onclick="gE('offer1').style.display=(this.checked)?'block':'none';" /></td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 10 stk.</td>
                <td><input type="text" name="10%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 20 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 30 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 40 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 50 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 60 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 70 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 80 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 90 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 100 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>


Men jeg er ikke så heldig det virker det er kun den første der bliver vist når jeg trykker checker i checkbox:-O

Kan man ikke gøre det som jeg har gjordt `?

Nej !-)

For et id _skal_ være unikt, så hvis du vil vise flere, må du gennemløbe dem alle, og sætte den nye property på hver enkelt ...

"Den, der staver 'd' i 'gjort', skal ha' sin hale smurt!". Nå, det er et andet sprog, det handler om  ;o)

Nej, et id er en unik property. Den må ikke være ens på to elementer. Er det alle TR'er i hele tabellen, der skal vises på én gang?

Det lyder som en svær process kan du hjælpe med det ? du skal nok få flere point hvis du vil ?

Ja på det du lige har fået er det. men det sidder sammen med det andet som du hjalp med

Nogen der kan hjælpe ?

Det er ikke til at sige med sikkerhed, hvordan det skal laves ... det kommer anpå hele koden. Du kan dog løse det seneste problem med:

<script type="text/JavaScript">
var opened = false;
function bla(elm) {
    var tbl, trs;
    while ( elm.tagName != "TABLE" ) {
        elm=elm.parentNode
    }
    trs = elm.getElementsByTagName("TR")
    for (i=0; i<trs.length; i++) {
        trs[i].style.display = (opened && trs[i].id!="clickRow")? "none": "block";
    }
    opened = !opened
}
</script>

<table cellspacing="0" cellpadding="0" border="0">
            <tr id="clickRow">
            <td colspan="2" align="center">Er der mængderabat ?
                Ja <input type="checkbox" onclick="bla(this)" /></td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 10 stk.</td>
                <td><input type="text" name="10%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 20 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 30 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 40 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 50 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 60 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 70 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 80 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 90 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
           
            <tr id="offer1" style="visibility:visible;display:none">
                <td valign="top">Ved køb af over 100 stk.</td>
                <td><input type="text" name="20%" class="txt_box"> %</td>
            </tr>
</table>

... bortset fra, at alle ens id'er skal laves om - men dem bruger vi ikke her  :)

-- og jeg ville vælge den modsatte tilgangsvinkel, hvor man mærkede dem, man ville vise/skjule, fordi den har en større fleksibilitet, men hvis det alligevel er det eneste andet i tabellen, har det ingen betydning !-)

yups ... derfor min første linie i seneste kommentar  ;o)

Jeg klarer mig med det her indtil videre.

Men jeg syns snart det er på tide jeg må få lært det her javascript.

Kan i anbefale noget læsestof omkrinj js ??

Og takker mange gange her er point :-D

Jeg kan faktisk anbefale Eksperten. Find et par brugere, du har tiltro til indenfor JS. Gå til deres bruger-profil og list de spm, de har besvaret. Her ligger sikkert bunker af brugbar viden og eksempler. Det var en måde, jeg selv lærte en masse, da jeg i sin tid 'ramte Eksperten'  :)

Af bøger kan specielt anbefale O'Reilly's "java script: The Definitive Guide" ... også kaldet "The Rhino-Book", da den har et tegnet næsehorn på forsiden (O'Reilly udgiver bunker af programmerings litteratur og de sætter som regel et dyr på forsiden af bøgerne). Det er ikke en 'kogebog', men en decideret reference - og så er det et 7-800 siders svin til lidt på den grimme side af 500 kr (så vidt jeg husker). Den er fantastisk god.
Kogebøger kender jeg ikke rigtig noget til.

Derudover nogle gode links (så må du selv finde ud af, om de skal koges eller steges):
java script:
http://devedge.netscape.com/library/manuals/
JScript (MS' version af JavaScript):
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/script56/html/js56jslrfJScriptLanguageReference.asp
MS' DHTML-reference:
http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/dhtml_reference_entry.asp

Klik det sidste link - gå til 'Properties' -> 'parentElement'. Her ser du, der et stykke nede står:

Standards Information
There is no public standard that applies to this property.

Det betyder, denne property formodentlig kun virker i IE. Visse metoder, events og properties existerer der ikke en standard for - men de virker alligevel cross-browser. Umiddelbart kan jeg lige komme i tanker om 'innerHTML' ... men der er sikkert flere  :)

Nå, så går du til 'Properties' -> 'parentNode'. Her står:

Standards Information
This property is defined in World Wide Web Consortium (W3C) Document Object Model (DOM) Level 1 .

... need I say more?  :)
Det er en vigtig ting at huske ved den reference - så er den til gengæld også ret god.