How to call javascript on usercontrol textbox onblur?

Question

0.00/5 (No votes)

See more:

Hi!
I have some usercontrol texboxes Let us say DateControl on a page. I want to call a javascript function on onblur of one of these usercontrols. In that funcion I want to add some days in the entered value of usercontrol(Date Control Textbox). When i call javascript from usercontrol it doesn't work. my account is as follows;

<uc1:DateControl ID="DateControlLastExecDate"  runat="server"  önblur="javascript:CaluculateDate();"/>

So plz guide

Posted 20-Jun-11 1:12am

touseef4pk

Add a Solution

3 solutions

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

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

V. · Answer 1 · 2011-06-20T02:26:00

Solution 2

Try adding the javascript to the Textbox on the usercontrol instead a datacontrol or usercontrol is not known in javascript and hence there is no "onblur" message sent in the first place (I think).

Tip: Load your page into IE and do a "view source" you'll see that your control has both a server id and a client id. you'll also get a good view on how the user control is integrated in the page. That might give you a better understanding on what to do.

Hope this helps.

Posted 20-Jun-11 2:26am

V.

Comments

Manfred Rudolf Bihy 20-Jun-11 8:34am

Good point! 5+

touseef4pk 20-Jun-11 8:44am

If i add javascript in usercontrol then how will i fire javascript funcion on particular usercontrol(textbox) on onblur. The funciton will be fired on all textbox usercontrols placed more than one on the page?

V. 20-Jun-11 8:54am

and what is the difference with your solution? Or did you intend to add multiple usercontrols in design mode and attach a different javascript function?

RakeshMeena 21-Jun-11 0:22am

Correct! fully agree and here is my 5

touseef4pk 21-Jun-11 2:10am

The user control renders as ctl00_contentBody_DateControlLastExecDate_textBoxDate on the page....So my solution is I simply want that javascript function to be fired on this particular usercontrol(textbox) leave only..not on all the controls if they placed more than one..Ok if i add javascript function in usercontrol..Plz tell me how to handle that on contaning page?

Manfred Rudolf Bihy · Answer 2 · 2011-06-20T02:24:00

The event is called onblur and not önblur.
Is your javascript function really called CaluculateDate? Shouldn't that be more like CalculateDate?
Added: As V.[^] correctly pointed out: You have defined the usercontrol so in order to get the javascript event working you'd have to wire up the onblur event on some HTML part of your control that would suport such an event before it gets rendered.

Cheers!

--MRB

i-balaji-mani · Answer 3 · 2011-06-20T17:28:00

Another way is to add the javascript's function to the Text control's onBlur attribute.

Example :

In your code behind, you may do this

C#

protected void Page_Load(object sender, EventArgs e)
       {
           this.txtName.Attributes.Add("onBlur", "return CalculateDate();");
       }

:-)
Balaji

How to call javascript on usercontrol textbox onblur?

3 solutions

Solution 2

Solution 1

Solution 3

Add your solution here

Preview 0