Click here to Skip to main content
Rate this: bad
good
Please Sign up or sign in to vote.
See more: Javascript
Hi
How to make a text in textbox bold when moving tab from it to next textbox using javascript?
 
i have a textbox as below
 
<input type="text" name="useremail" value="Email..." size="20"
onfocus="alert(this.value.fontsize(6) )"
 önblur="this.style.background  =  'red';this.style.font-weight='bold'"
 />
<input type="text" name="useremail" value="Email..." size="20"
onfocus="this.style.background  = '#0b385f'"
 önblur="this.style.background  =  '#1a527d'" />
 
<input type="text" name="useremail" value="Email..." size="20"
onfocus="this.style.background  = '#0b385f'"
 önblur="this.style.background  =  '#1a527d'" />
 
<input type="text" name="useremail" value="Email..." size="20"
onfocus="this.style.background  = '#0b385f'"
 önblur="this.style.background  =  '#1a527d'" />
 
i want to make these textbox text to bold when moving focus from textbox.
 
Thanks..
Posted 4-Apr-13 2:29am
hasbina1.2K
Edited 4-Apr-13 2:35am
v3

1 solution

Rate this: bad
good
Please Sign up or sign in to vote.

Solution 1

when you want to change css properties you cannot use dash(-) use cammel case:
 
this.style.font-weight -> this.style.fontWeight
  Permalink  
Comments
hasbina at 4-Apr-13 8:03am
   
hmm.
 
i want to make a textbox value to bold using javascript.not using css..
Moykn at 4-Apr-13 8:26am
   
When i said css that means the style of your element. what i pointed is that you are doing it wrong by using dash(-) in property name.

so where you wrote font-weight='bold' you should replace to fontWeight='bold'.

and you must use onblur not önblur.
hasbina at 4-Apr-13 8:39am
   
Thanks a lots sir....
hasbina at 4-Apr-13 8:39am
   
Thank you sir.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

  Print Answers RSS
0 George Jonsson 215
1 Kornfeld Eliyahu Peter 169
2 OriginalGriff 120
3 PIEBALDconsult 110
4 BillWoodruff 85
0 OriginalGriff 6,165
1 DamithSL 4,658
2 Maciej Los 4,087
3 Kornfeld Eliyahu Peter 3,649
4 Sergey Alexandrovich Kryukov 3,294


Advertise | Privacy | Mobile
Web02 | 2.8.141220.1 | Last Updated 4 Apr 2013
Copyright © CodeProject, 1999-2014
All Rights Reserved. Terms of Service
Layout: fixed | fluid

CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100