Javascript in aspx page including master page

Question

1.00/5 (1 vote)

See more:

Hi,

I am trying to access javascript from a aspx page having master page using below code in aspx page load :

HtmlGenericControl toAddJavaScript = new HtmlGenericControl();
toAddJavaScript.TagName = "script";
toAddJavaScript.Attributes.Add("type","text/javascript");
toAddJavaScript.Attributes.Add("src","js/CommonInformationScript.js");
this.Page.Header.Controls.Add(toAddJavaScript);
textCustomerName.Attributes.Add("OnKeyUp","return GetCustomers());

This code is hitting GetCustomers() method of javascript successfully.In this method I am trying to get value of text box name "textCustomerName" (server control)using below code :

var customerSubString = document.getElementById("textCustomerName").value;

But this line is creating some error and there is no value coming in customerSubString variable.

please guide me.

Thanks
Divya

Posted 28-Jan-10 7:42am

Divymital

Updated 28-Jan-10 7:45am

v2

Add a Solution

5 solutions

Solution 1

You have a fundamental problem, and it has nothing to do with master pages.

Divymital wrote:
= document.getElementById("textCustomerName").value;

The name you assign on the server side, is not the name used on the client side. The control has a ClientID property, and you need to access that on the server and insert it into your javascript. This means that bit of script cannot live in a js file. The way I manage this is for my js file to access an id via a variable called something like clientSideCustomerNameId. Then my code behind emits the js to create that variable with the right value.

Posted 28-Jan-10 8:06am

Christian Graus

Solution 2

Hi,

Thanks for your reply.

When I used code:

var customerSubString=document.getElementById('<%=textCustomerName.ClientID%>')

It gave me null value in variable customerSubString but it works if I use complete id "ctl00_ContentPlaceHolder1_textCustomerName" in place of using ClientId Property.

Regards,
Divya

Posted 28-Jan-10 20:11pm

Divymital

Solution 5

Thanks, this worked and I am able to get the value od text box in Java Script.

Posted 28-Jan-10 21:59pm

Divymital

Solution 6

Hi,

In the Code behind pass the Client Id of the Texbox in your Javascript function as below:

textCustomerName.Attributes.Add(GetCustomers('"+textCustomerName.ClientID+"'))

and in the Javascipt function use that id.

var customerSubString = document.getElementById(parameterName).value;

Replace the 'parameterName' with the one put in your function.

Regards,
Ravi

Posted 28-Jan-10 22:06pm

Ravindra Nidhonkar

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)

Christian Graus · Accepted Answer · 2010-01-28T21:12:00

XML

var customerSubString=document.getElementById('<%=textCustomerName.ClientID%>')

It gave me null value in variable customerSubString but it works if I use complete id "ctl00_ContentPlaceHolder1_textCustomerName" in place of using ClientId Property.

I assume this means you did it in your js file, like I told you not to. It's not being evaluated.

Javascript in aspx page including master page

5 solutions

Solution 3

Solution 1

Solution 2

Solution 5

Solution 6

Add your solution here

Preview 0

Existing Members

...or Join us