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 OriginalGriff 406
1 /\jmot 180
2 Suraj Sahoo | Coding Passion 170
3 BillWoodruff 159
4 Afzaal Ahmad Zeeshan 154
0 OriginalGriff 8,344
1 Sergey Alexandrovich Kryukov 7,407
2 DamithSL 5,634
3 Maciej Los 5,024
4 Manas Bhardwaj 4,986


Advertise | Privacy | Mobile
Web01 | 2.8.1411023.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