Notifikationer

Markér alle som læst Log ud

ahrensberg Nybegynder

30. juni 2003 - 12:23 Der er 7 kommentarer og
1 løsning

Nedtoning/Disable af inputbokse og tekst

Hej Alle

Jeg har tre inputbokse, som sammen med den foran stående linie tekst skal være deaktiveret, indtil en checkbox bliver aktiveret.

Jeg har en idé om at det skal være noget i retningen af:

<INPUT TYPE=checkbox OnClick="this.form.boks1.disabled = !this.checked;">

Inputboks 1 - <INPUT TYPE=text NAME=boks1 disabled>
Inputboks 2 - <INPUT TYPE=text NAME=boks2 disabled>
Inputboks 3 - <INPUT TYPE=text NAME=boks3 disabled>

... men hvordan får jeg fortalt at den også skal enable boks2 og boks3, og kan jeg få teksten til også at være nedtonet indtil aktivering?

Synes godt om

ahrensberg Nybegynder

30. juni 2003 - 12:42 #1

Jeg har nu fundet ud af deaktiveringsproblemet af boksene kan løses således:
<INPUT TYPE=checkbox OnClick="this.form.boks1.disabled = !this.checked; this.form.boks2.disabled = !this.checked; this.form.boks3.disabled = !this.checked;">

Men har nogen en nemmere måde så skriv, og jeg mangler også stadig det med teksten! Det er fint nok, hvis den bare kan ændre farven på teksten...

Synes godt om

roenving Novice

30. juni 2003 - 12:48 #2

Sæt det ind i et element, som kan kontrolleres, f.eks. en <span>:

<INPUT TYPE=checkbox OnClick="this.form.boks1.disabled = !this.checked; this.form.boks2.disabled = !this.checked; this.form.boks3.disabled = !this.checked;if(this.checked)document.getElementById('minSpan').style.color='#000'">

<span id="minSpan" style="color:#7f7f7f">Inputboks 1 - <INPUT TYPE=text NAME=boks1 disabled>
Inputboks 2 - <INPUT TYPE=text NAME=boks2 disabled>
Inputboks 3 - <INPUT TYPE=text NAME=boks3 disabled>
</span>

Synes godt om

ahrensberg Nybegynder

30. juni 2003 - 13:20 #3

roenving:> Kan det så gøres sådanne at teksten bliver nedtonet igen, hvis man fjerner markeringen?

Synes godt om

roenving Novice

30. juni 2003 - 13:57 #4

Selvfølgelig ...

<form>
<INPUT TYPE=checkbox OnClick="this.form.boks1.disabled = !this.checked; this.form.boks2.disabled = !this.checked; this.form.boks3.disabled = !this.checked;if(this.checked){document.getElementById('minSpan').style.color='#000'}else{document.getElementById('minSpan').style.color='#7f7f7f'}">

<span id="minSpan" style="color:#7f7f7f">Inputboks 1 - <INPUT TYPE=text NAME=boks1 disabled>
Inputboks 2 - <INPUT TYPE=text NAME=boks2 disabled>
Inputboks 3 - <INPUT TYPE=text NAME=boks3 disabled>
</span>
</form>

Synes godt om

ahrensberg Nybegynder

30. juni 2003 - 14:09 #5

Jamen, nu virker alt jo som det skal! :D
Smider du ikke lige et svar, så du kan få lidt point...

Synes godt om

roenving Novice

30. juni 2003 - 14:10 #6

Velbekomme '-)

Synes godt om

ahrensberg Nybegynder

30. juni 2003 - 14:17 #7

Takker... ;)

Synes godt om

roenving Novice

30. juni 2003 - 14:28 #8

-- og jeg takker for points ;~}

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS