/ Forside / Teknologi / Udvikling / Java Scripts / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
Java Scripts
#NavnPoint
molokyle 5410
Klaudi 2799
smorch 2439
kim 1360
Harlekin 1134
bentjuul 984
gibson 800
severino 695
Random 675
10  konsulent.. 626
Skjule input felter ved at ændre checkbox
Fra : Michael Jensen


Dato : 24-10-02 00:10

Hejsa

Jeg har lige siddet og leget lidt med nogle checkboxe og textfelter.

Mit problem er. Når checkboxen "activated" er afkrydset så skal de andre
textfelter vises, hvor dan gøres det smartest

Jeg har griflet mig frem til:

<script type="text/javascript">
function showHide(){
if (document.form.activated.checked == true){
document.form.username.style.visibility = 'visible';
}
else {
document.form.username.style.visibility = 'hidden';
}
}
</script>
<form name="form">
<input type="checkbox" name="activated" onChange="javascript: showHide();"/>
<input type="text" name="username"/>
</form

Hvad er der galt i ovenstående.

--
med venlig Hilsen


Michael Jensen



 
 
Jacob Winther (24-10-2002)
Kommentar
Fra : Jacob Winther


Dato : 24-10-02 11:34


"Michael Jensen" <michael@REMOVEogj.dk> skrev i en meddelelse
news:ap7a7v$cad$1@sunsite.dk...
> Hejsa
>
> Jeg har lige siddet og leget lidt med nogle checkboxe og textfelter.
>
> Mit problem er. Når checkboxen "activated" er afkrydset så skal de andre
> textfelter vises, hvor dan gøres det smartest
>
> Jeg har griflet mig frem til:
>
> <script type="text/javascript">
> function showHide(){
> if (document.form.activated.checked == true){
> document.form.username.style.visibility = 'visible';
> }
> else {
> document.form.username.style.visibility = 'hidden';
> }
> }
> </script>
> <form name="form">
> <input type="checkbox" name="activated" onChange="javascript:
showHide();"/>
> <input type="text" name="username"/>
> </form
>
> Hvad er der galt i ovenstående.
>
> --
> med venlig Hilsen
>
>
> Michael Jensen
>
>

Hej Michael

Problemet er at du benytter onChange eventet. Et lille citat fra min manual

The onchange event is fired when the user commits changes to an <INPUT>
element. The event does not fire when the actual changes are made, but when
the user 'commits' them, by either submitting the form, or by 'blurring'
(i.e. removing focus from) the element. Any code using the onchange event is
executed before the onblur event (see above), if the change is commited by
the user removing the focus.

Hvis du i stedet benytter onclick eventet tror jeg at du får den ønskede
funktionalitet

function showHide(){
if (document.forms[0].activated.checked == true){
document.forms[0].username.style.visibility = 'visible';
}
else {
document.forms[0].username.style.visibility = 'hidden';
}
}
</script>
<form name="form">
<input type="checkbox" name="activated" onclick="showHide();">
<input type="text" name="username" style="visibility:hidden;">
</form>

Og hvis du ønsker at username ikke skal vises til at starte med skal du lige
huske at sætte dens style som jeg har gjort i det ovenstående.

Venlig Hilsen

Jacob Winther
IT-C


---
Outgoing mail is certified Virus Free.
Checked by AVG anti-virus system (http://www.grisoft.com).
Version: 6.0.404 / Virus Database: 228 - Release Date: 16-10-2002



Michael Jensen (24-10-2002)
Kommentar
Fra : Michael Jensen


Dato : 24-10-02 16:44


"Jacob Winther" <jacobww@hotmail.com> skrev i en meddelelse
news:ap8i91$1977$1@news.cybercity.dk...
>
> "Michael Jensen" <michael@REMOVEogj.dk> skrev i en meddelelse
> news:ap7a7v$cad$1@sunsite.dk...
> Problemet er at du benytter onChange eventet. Et lille citat fra min
manual
<snip>

Jeps, det fandt jeg også ud af i går men det var ved at være sent, så jeg
fik ikke svaret.

Mange tak for den udybende forklaring angående OnChange();

--
Med venlig hilsen

Michael Jensen



Søg
Reklame
Statistik
Spørgsmål : 177560
Tips : 31968
Nyheder : 719565
Indlæg : 6408941
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste