Avatar billede mercutio Nybegynder
14. marts 2004 - 17:14 Der er 10 kommentarer

Hvordan skifter man styles på et tekst felt med javascript?

Jeg har et tekst felt som jeg gerne vil skifte style på når der sker en onchange kan man det? og hvordan?
Avatar billede roenving Novice
14. marts 2004 - 17:27 #1
onchange sker kun i forbindelse med at fokus flyttes til et andet element, men måske er det onkeyup du tænker på ?-)

<input type="text" value="skriv" onkeydown="val=this.value" onkeyup="if(val!=this.value&&this.defaultValue!=this.value){this.style.color='red'}else{this.style.color='black';}">
Avatar billede thesurfer Nybegynder
14. marts 2004 - 17:28 #2
eller hvis du bruger CSS: onchange="this.className='nytnavn'"
Avatar billede mercutio Nybegynder
14. marts 2004 - 17:39 #3
ahh det det var faktisk svar to jeg ledte efter =) altså this.classname =)
Avatar billede roenving Novice
14. marts 2004 - 17:40 #4
>>thesurfer

Jeg gentager: Det er en hammer-dårlig ide at skifte class on-the-fly på et element på en indlæst side, da css-fortolkeren så skal smide sit css-DOM-træ ud og genopbygge et nyt forfra !-)
Avatar billede roenving Novice
14. marts 2004 - 17:42 #5
Lad være !-)

-- på små sider, hvor du kun har få elementer, vil det ikke genere, men der skal ikke ret meget nesting til før du får et meget kompliceret DOM-træ, og det tager selvsagt lang tid at lave, i visse tilfælde flere sekunder, og det vil helt klart genere dine brugere kraftigt !o]
Avatar billede roenving Novice
14. marts 2004 - 17:43 #6
Selv M$, som jo altid er så stolt af deres softwares egenskaber har for en gang skyld direkte anbefalet imod, at man bruger den taktik !-)
Avatar billede thesurfer Nybegynder
14. marts 2004 - 18:08 #7
hmm.. har du fortalt mig det før?
Min hukommelse er lidt ligesom Dorys, fra "Finding Nemo" (dansk: "Find Nemo") :-)
Avatar billede olebole Juniormester
15. marts 2004 - 23:22 #8
<ole>

Har roenving ikke fortalt dig det, har jeg sikkert  ;o)

http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnwebgen/html/dhtmlperf.asp

/mvh
</bole>
Avatar billede olebole Juniormester
15. marts 2004 - 23:25 #9
Sad faktisk i går aftes/nat og skrev en lille artikel om arrays/objects, hvor jeg giver følgende lille eksempel. Det kan du lynhurtigt skrive om til et input-felt:

<html>
<head>
<script type="text/JavaScript">

var myStyles = {
    "color": "yellow",
    "backgroundColor": "red",
    "fontWeight": "bold",
    "fontStyle": "italic"
};

function setStyles(elm) {
    for ( x in myStyles ) elm.style[x] = myStyles[x];
}
</script>
</head>
<body>

<div onclick="setStyles(this)" >... Klik her ...</div >

</body>
</html>
Avatar billede thesurfer Nybegynder
16. marts 2004 - 09:32 #10
roenving & olebole> Jeg kan ikke huske det med "skifte class on-the-fly", men jeg kan huske det med "document.FORMNAVN" :-)

mercutio> Finder du ud af noget?
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