Avatar billede jps2mt Nybegynder
18. december 2003 - 13:59 Der er 8 kommentarer og
1 løsning

Sætte tekst farve på et span, når en input-text ændres

Kan nogen af jer se hvad der er galt her:

#<input type="text" name="nickcolor" value="<?= $row[nickcolor]; ?>" size="6" maxlength="6" onChange="document.nick.style.color='#'+document.nickcolor.value;"> <small><strong><span name="nick" id="nick" style="color: #<?= $row[nickcolor]; ?>;"><?= $row[Brugernavn]; ?></span></strong></small>

Det er meningen at det skal ændre tekst-farven i det span der er defineret efter input feltet...Men den siger at document.nick.style er null eller ikke et objekt...
Avatar billede roenving Novice
18. december 2003 - 14:04 #1
Prøv med

document.getElementById('nick')

(IE5+ og alle andre browsere !-)
Avatar billede jps2mt Nybegynder
18. december 2003 - 14:09 #2
Og getElementById('nickcolor') bagefter (den begyndte at brokke sig over den istedet)

Det ender jo med at du går hen og bliver min JS-mentor, roenving...Meeeeeen...Jeg er ved at lære det, så småt...
Avatar billede jps2mt Nybegynder
18. december 2003 - 14:11 #3
Kan man ikke lave det sådan, at når man har trykket en knap ned, så laver den ændringen, istedet for at den først gør det når feltet mister focus??
Avatar billede roenving Novice
18. december 2003 - 14:15 #4
Jo, onkeyup kan man da godt finde på noget -- øjeblik !-)

<input type="text" name="nickcolor" value="<?= $row[nickcolor]; ?>" size="6" maxlength="6" onkeyup="if(this.value.match(/[\da-f]{6}/i))document.getElementById('nick').style.color='#'+this.value;"> <small><strong><span name="nick" id="nick" style="color: #<?= $row[nickcolor]; ?>;"><?= $row[Brugernavn]; ?></span></strong></small>
Avatar billede roenving Novice
18. december 2003 - 14:17 #5
Hov, der skulle have været start og slut på, så den kun gør det ved præcis 6 karakterer (nu gør den det ved 6 eller flere, og det er jo noget vrøvl !-)

(/^[\da-f]{6}$/i)
Avatar billede jps2mt Nybegynder
18. december 2003 - 14:42 #6
Det virker jo fint...Du kan da lige droppe et svar, så har du fået lidt flere af mine points...
Avatar billede roenving Novice
18. december 2003 - 14:45 #7
Velbekomme '-)
Avatar billede roenving Novice
18. december 2003 - 14:45 #8
;O)
Avatar billede roenving Novice
18. december 2003 - 14:47 #9
-- og tak for points ;~}
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

IT-JOB

Rambøll Management Consulting

Senior AI Engineer

Capgemini Danmark A/S

Open Application (Denmark)

Politiets Efterretningstjeneste

Fullstack softwareudvikler i PET