Checkbox skal gøre tekstfelter aktive

Sådan ?-)

<script type="text/javascript">
function changeVal(elm){
  if(elm.name=="LevCheckbox"){
    var e = elm.form.elements;
    for(i=0;e.length>i;i++){
      if(e[i]!=elm&&e[i].name.indexOf("Lev")==0){
        e[i].value=(elm.checked)?'':elm.form.elements[e[i].name.substring(3)].value;
      }
    }
  }else{
    if(!elm.form.LevCheckbox.checked){
      elm.form.elements["Lev"+elm.name].value = elm.value
    }
  }
}
</script>
                    <form name="Oplysninger" action="redirect.asp" method="post">
                        <table align="center">
                            <tr>
                                <td>&nbsp;</td>
                                <td class="h4" bgcolor="#333333">&nbsp;Køber&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td align="right">
                                &nbsp;<input type="checkbox" name="LevCheckbox" onclick="changeVal(this);">
                                </td>
                                <td class="h4" style="background:#333333;color:white;">&nbsp;&lt; Klik for anden leveringsadresse&nbsp;</td>
                            </tr>
                            <tr>
                                <td>Navn:</td>
                                <td><input type="text" name="Name" id="navn" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Navn:</td>
                                <td><input type="text" name="LevName" id="Levnavn" size="30" disabled="disabled"></td>
                            </tr>
                            <tr>
                                <td>Adresse:</td>
                                <td><input type="text" name="Address" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Adresse:</td>
                                <td><input type="text" name="LevAddress" size="30" disabled="disabled"></td>
                            </tr>
                            <tr>
                                <td>Postnummer:</td>
                                <td><input type="text" name="ZipCode" size="2" maxlength="4" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Postnummer:</td>
                                <td><input type="text" name="LevZipCode" size="2" maxlength="4" disabled="disabled"></td>
                            </tr>
                            <tr>
                                <td>By:</td>
                                <td><input type="text" name="City" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>By:</td>
                                <td><input type="text" name="LevCity" size="30" disabled="disabled"></td>
                            </tr>
                            <tr>
                                <td>Telefon:</td>
                                <td><input type="text" name="Phone" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Evt. Telefon:</td>
                                <td><input type="text" name="LevPhone" size="30" disabled="disabled"></td>
                            </tr>
                            <tr>
                                <td>E-mail:</td>
                                <td><input type="text" name="Email" size="30"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><input type="Submit" value="Kun til intern testbrug"></td>
                            </tr>
                        </table>
                    </form>

roenving> tror ikke at det er det han mener :-)
Ideen er vist:
- man har 2x felter: 1 til køberens adresse og 1 til leveringsadresse, hvis den ikke er den samme som køberens.
- lev-adr-felterne (dem i højreside) er disabled
- hvis man sætter hak i checkboksen, kan man skrive i lev-adr-felter.. ellers er de disabled

Er det ikke netop det, jeg har lavet ?-)

nej :-)
Du enabler i hvertfald ikke lev-adr-felterne :-)
Plus at du bare kopiere indholdet fra køber-felterne til lev-adr-felterne :-)

Argh ...

Det var jo meningen, som jeg glemte i farten !-)

En linje mere i scriptet:

<script type="text/javascript">
function changeVal(elm){
  if(elm.name=="LevCheckbox"){
    var e = elm.form.elements;
    for(i=0;e.length>i;i++){
      if(e[i]!=elm&&e[i].name.indexOf("Lev")==0){
        e[i].value=(elm.checked)?'':elm.form.elements[e[i].name.substring(3)].value;
        e[i].disabled=(elm.checked)?false:true;
      }
    }
  }else{
    if(!elm.form.LevCheckbox.checked){
      elm.form.elements["Lev"+elm.name].value = elm.value
    }
  }
}
</script>

- Du mangler stadig " 'fade' dem med ex grå farve"-delen :-)  kan nemt klares med CSS-class og JS
- og det ville (måske) være nice, hvis felterne ikke blev resettet, når man deaktiverede dem igen :-)

Når et felt er disabled er teksten automatisk udgrået i IE, og jeg har ikke lige checked den i Mozilla, da den øvrige funktionalitet virker cross-browser, men det er jo ikke lige svært at sætte en baggrundsfarve, men tåbeligt med en class-ændring !-)

-- og det er helt med vilje at jeg resetter felterne, for så er det åbenlyst for brugeren, at der sker noget !-)

-- og i Mozilla er den automatisk grå, når den er disabled, så hvad siger mecenor ...

Vil du have en grå baggrund på også, når de er disabled ?o]

Med en grå baggrund bliver det:

<script type="text/javascript">
function changeVal(elm){
  if(elm.name=="LevCheckbox"){
    var e = elm.form.elements;
    for(i=0;e.length>i;i++){
      if(e[i]!=elm&&e[i].name.indexOf("Lev")==0){
        e[i].value=(elm.checked)?'':elm.form.elements[e[i].name.substring(3)].value;
        e[i].disabled=(elm.checked)?false:true;
        e[i].style.backgroundColor=(elm.checked)?'#fff':'#ddd';
      }
    }
  }else{
    if(!elm.form.LevCheckbox.checked){
      elm.form.elements["Lev"+elm.name].value = elm.value
    }
  }
}
</script>
                    <form name="Oplysninger" action="redirect.asp" method="post">
                        <table align="center">
                            <tr>
                                <td>&nbsp;</td>
                                <td class="h4" bgcolor="#333333">&nbsp;Køber&nbsp;</td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td align="right">
                                &nbsp;<input type="checkbox" name="LevCheckbox" onclick="changeVal(this);">
                                </td>
                                <td class="h4" style="background:#333333;color:white;">&nbsp;&lt; Klik for anden leveringsadresse&nbsp;</td>
                            </tr>
                            <tr>
                                <td>Navn:</td>
                                <td><input type="text" name="Name" id="navn" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Navn:</td>
                                <td><input type="text" name="LevName" id="Levnavn" size="30" disabled="disabled" style="background:#ddd"></td>
                            </tr>
                            <tr>
                                <td>Adresse:</td>
                                <td><input type="text" name="Address" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Adresse:</td>
                                <td><input type="text" name="LevAddress" size="30" disabled="disabled" style="background:#ddd"></td>
                            </tr>
                            <tr>
                                <td>Postnummer:</td>
                                <td><input type="text" name="ZipCode" size="2" maxlength="4" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Postnummer:</td>
                                <td><input type="text" name="LevZipCode" size="2" maxlength="4" disabled="disabled" style="background:#ddd"></td>
                            </tr>
                            <tr>
                                <td>By:</td>
                                <td><input type="text" name="City" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>By:</td>
                                <td><input type="text" name="LevCity" size="30" disabled="disabled" style="background:#ddd"></td>
                            </tr>
                            <tr>
                                <td>Telefon:</td>
                                <td><input type="text" name="Phone" size="30" onchange="changeVal(this);"></td>
                                <td>&nbsp;&nbsp;&nbsp;</td>
                                <td>Evt. Telefon:</td>
                                <td><input type="text" name="LevPhone" size="30" disabled="disabled" style="background:#ddd"></td>
                            </tr>
                            <tr>
                                <td>E-mail:</td>
                                <td><input type="text" name="Email" size="30"></td>
                            </tr>
                            <tr>
                                <td>&nbsp;</td>
                                <td><input type="Submit" value="Kun til intern testbrug"></td>
                            </tr>
                        </table>
                    </form>

Super lækkert arbejde, Roenving!
Og mange tak til TheSurfers opmærksomhed, når jeg nu ikke selv kunne følge med :)

Er der mulighed for at få fokus sat i første navnefelt? Tidl. gjorde jeg det med:
    <script language="VBScript">
    Sub Window_onLoad
    window.document.all.navn.focus
    End Sub
    </script>
Men det lege ikke så pænt med javascriptet.

Takker, Roenving, smid et svar.

Prøv med:
<body onload="document.Oplysninger.navn.focus()">

ellet også er det setfocus().. blander dem altid sammen :-)

det var .focus(), tak thesurfer

...nu vil jeg ikke misbruge jeres hjælpsomhed, men hvordan ser jeg fra redirect siden om LevCheckbox er checked?

det kommer vel an på (serverside) sproget..?

Jep, tænkte jeg ikke på - er ret ny indenfor det her. Det er ASP, så vi er nok ikke i den rette afdeling mere...

Der er heldigvis en ASP kategori :-)

http://www.eksperten.dk/spm/Programmering/Script/ASP/

Tjek, hopper derover.

Fandt selv ud af det ved at kigge mine forgæves checkbox-forsøg igennem(hvis nogen skulle få brug for det, så virker: if request.Form("LevCheckbox")="on" then).
Tak for hjælpen begge: roenving, smid et svar.
Og jeg opretter gerne et spg til dig, thesurfer, med point som tak for ekstra-hjælpen - bar sig til... :)

Mvh. Mec

Nej tak :-)

Jeg stødte faktisk på "on", da jeg prøvede en "alert(this.value)" (hvor "this" henviste til en checkbox) i JavaScript.

Hvis det var, skulle jeg bare smide et svar, sammen med roenving.. du kan så fordele pointsne.. enten ligeligt (marker begge navne i boksen, og acceptere) eller selv vælge hvordan (via linket i bunden af siden)..

Ok - vidste jeg ikke, takker.

Jamen så velbekomme '-)

-- og tak for point ;~}