Monday, May 20, 2024
 Popular · Latest · Hot · Upcoming
19
rated 0 times [  26] [ 7]  / answers: 1 / hits: 48220  / 10 Years ago, mon, april 28, 2014, 12:00:00

I have been looking online for a Watermark effect for my textboxes to get some help and found a piece of code which looks like the following :



Javascript:



function WaterMark(objtxt, event) {
var defaultText = Username;
var defaultpwdText = Password;
// Condition to check textbox length and event type
if (objtxt.id == tb_Username || objtxt.id == tb_Password) {
if (objtxt.value.length == 0 & event.type == blur) {
//if condition true then setting text color and default text in textbox
if (objtxt.id == tb_Username) {
objtxt.style.color = Gray;
objtxt.value = defaultText;
}
if (objtxt.id == tb_Password) {
document.getElementById(<%= tb_TempPassword.ClientID %>).style.display = block;
objtxt.style.display = none;
}
}
}
// Condition to check textbox value and event type
if ((objtxt.value == defaultText || objtxt.value == defaultpwdText) & event.type == focus) {
if (objtxt.id == tb_Username) {
objtxt.style.color = black;
objtxt.value = ;
}
if (objtxt.id == tb_TempPassword) {
objtxt.style.display = none;
document.getElementById(<%= tb_Password.ClientID %>).style.display = ;
document.getElementById(<%= tb_Password.ClientID %>).focus();
}
}


}



Then the HTML:



<asp:TextBox runat=server ID=tb_Username Text=Username onblur=WaterMark(this, event); onfocus=WaterMark(this, event); />

<asp:TextBox runat=server ID=tb_TempPassword Text=Password onfocus=WaterMark(this, event); ForeColor=Gray />

<asp:TextBox runat=server ID=tb_Password TextMode=Password text=Password Style=display:none onblur=WaterMark(this, event);/>


But for some reason when i run my code the Username box works fine but the password box comes up with an error saying:



0x800a138f - JavaScript runtime error: Unable to get property 'style' of undefined or null reference



I have been looking online for a fix and nothing is working?
Is this because my Textbox is linking to a CSS stylesheet?



Any help would be greatly appreciated.


More From » html

 Answers
13

Try this..



    var id=objtxt.id.toString();
document.getElementById(id).setAttribute(style, color:Gray);

[#71274] Friday, April 25, 2014, 10 Years  [reply] [flag answer]
Only authorized users can answer the question. Please sign in first, or register a free account.
irvingcarloe

Total Points: 677
Total Questions: 109
Total Answers: 96

Location: Svalbard and Jan Mayen
Member since Sun, Sep 25, 2022
2 Years ago
;