Så här:
<input type="textfield" name="Namn" class="formA" value="" onBlur="this.className=(this.value!='')?'formB':'formA';">
HTML & CSSur HTML, XHTML & CSS
3 svar · 211 visningar · startad av greymane
jag vill åstadkomma bakgrundsförändring på textfield när det är ifyllt. för det använder jag följande:
<input type="textfield" name="Namn" class="formA" value="" onBlur="if(this.value!='') this.className='formB'">
problemet är att om man suddar ut innehållet o lämnar det tomt, hänger "formB" kvar istf gå tillbaka till "formA". nån som vet hur man åtgärdar problemet? jag kan inte detta så bra...
Så här:
<input type="textfield" name="Namn" class="formA" value="" onBlur="this.className=(this.value!='')?'formB':'formA';">
tackar!
kom på en funktion till :) jag har en kodsnutt som gör så att value försvinner onFocus:
<input type="textfield" value="foo" class="formA" onFocus="if(this.value == 'foo') this.value = '';" onBlur="if(this.value == '') this.value = foo';">
kan man nu kombinera dessa två på nåt schysst sätt? vad jag vill uppnå är alltså att jag har en value=foo som försvinner onFocus, skriver man in ngt annat än foo eller blankt, ändras class till formB. finns det ngn vänlig själ som kan tänka sig hjälpa en mindre vetande?