Avatar billede bgjensen Nybegynder
29. oktober 2005 - 20:18 Der er 7 kommentarer og
1 løsning

onChange ændre farve i et andet input felt

kan ikke lige få det her til at virke:

<input type="text" name="bg_farve" onChange="bg_farve_vis.style=background:black" value="<?= $bg_farve ?>">
<input type="text" name="bg_farve_vis" style="background:#<?= $bg_farve ?>" READONLY size="5">

Meningen er at når man indtaster noget i det første input felt skal det andet ændre baggrundsfarve til det man skriver.

Nogen som har løsningen???
Avatar billede skovenborg Nybegynder
29. oktober 2005 - 21:18 #1
i javascript (DOM er det egentlig) fungerer stylesheets på en lidt anden måde. Hvis du skal ændre et elements style skal du skrive:
elementet.style.backgroundColor = "black";
hvilket sætter background-color (det er dog også i orden ligesom i almindelig CSS bare at skrive background). Læg mærke til, at der hvor jeg skrev "elementet", så mente jeg ikke navnet, men en variabel som repræsenterer elementet, fx input-feltet.

Helt konkret løser du dit problem sådan her:
<input type="text" name="bg_farve" onChange="document.getElementById('bg_farve_vis').style.backgroundColor = 'black'" value="<?= $bg_farve ?>">
<input type="text" name="bg_farve_vis" style="background:#<?= $bg_farve ?>" READONLY size="5">
Avatar billede roenving Novice
30. oktober 2005 - 06:56 #2
-- og så vil det vel være hensigtsmæssigt om elementet så har et id, hvis man prøver at adressere det via et id ?-)

<input type="text" name="bg_farve" onChange="document.getElementById('bg_farve_vis').style.backgroundColor = 'black'" value="<?= $bg_farve ?>">
<input type="text" name="bg_farve_vis" id="bg_farve_vis" style="background:#<?= $bg_farve ?>" READONLY size="5">
Avatar billede skovenborg Nybegynder
30. oktober 2005 - 18:04 #3
nåå, synes du virkelig det ;-)
Avatar billede roenving Novice
30. oktober 2005 - 21:17 #4
;O)
Avatar billede bgjensen Nybegynder
30. oktober 2005 - 21:55 #5
takker lige hvad der skulle til, smid et svar.
Avatar billede skovenborg Nybegynder
30. oktober 2005 - 22:04 #6
okay da :-)

måske roenving ville have en bid af kagen --- nu er den med id'en jo ret fatal for at scriptet jeg skrev i første omgang skal virke ;-)
Avatar billede roenving Novice
30. oktober 2005 - 22:40 #7
Tjah, Ulrik, man kan jo ikke lykkes hver gang !-)

-- men snup du bare dine velfortjente point ;~}
Avatar billede skovenborg Nybegynder
30. oktober 2005 - 22:43 #8
av, tak skal du ha' - har også virkelig hårdt brug for dem lige nu. Jeg skylder dig en...
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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