Click here to Skip to main content
13,451,047 members (51,404 online)
Click here to Skip to main content
Add your own
alternative version

Tagged as


14 bookmarked
Posted 9 Sep 2010

Tips About Using JavaScript in ASP.NET

, 9 Sep 2010
Rate this:
Please Sign up or sign in to vote.
Here are some tips about using JavaScript in ASP.NET

One of the most annoying issues you may face while using JavaScript in an ASP.NET application is referencing a server control in a page that inherits from a Master page. As an example, say we have an asp textbox server control and we want to get its text, if you’ve tried to do this using the document.getElementById(‘controlId’) function, you’d get the error message "object expected" or "object is null;" so why do we get those errors while we are sure that the control’s ID and the JavaScript syntax are correct?! Well, the server controls’ IDs are changed in runtime, and they are concatenated with a prefix which is their content placeholder, which in our case it would be the content of the master page and you can be sure from this if you run any page and view its source HTML using Internet Explorer, try to search for any server control’s ID, you will find that it’s completely different from the one in the aspx file, so you have two choices in order to reference these controls correctly:


But this way is very poor and not flexible at all.

var txtBox = document.getElementById('<%=txtName.ClientID%>'); 

The symbols: <%=%> means that you can write any C# code inside them, so this way is very easy and flexible for anybody.

  • First: you can view the HTML source code of each page and find the new generated IDs for your controls and place them in the JavaScript function:
  • The second one: is using the encoding techniques to get the new generated ID programmatically; any ASP server control contains a property called ClientID which provides us with the new generated ID for the control at run time, but we want to get this ID in the JavaScript code; so all we’ve to do is doing that:

You want to debug your JavaScript code and don’t know how?!! Here you have the solution: All you have to do is place all your JavaScript code in a separate .js file, so you’ll be able to insert breakpoints inside the JavaScript code, and then enable JavaScript debugging from your Internet Explorer. Here are the steps:

  1. From Tools menu, choose Internet Options, then Advanced Tab.
  2. Then under Browsing, uncheck the disable script debugging (Internet Explorer) & (Other).
  3. That’s all, insert your breakpoints into your JavaScript file, press F5 to Debug and enjoy.


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


About the Author

Software Developer Asset Technology Group
Egypt Egypt
I'm a professional components designer, web developer, UX engineer and 3d designer as well, I'm 4 years experienced .net software engineer and 7 years experienced 3d designer using 3D Max. I'm very interested in RIA technologies, prototyping and UX engineering.

Ahmed Said
Senior .Net Software Engineer

You may also be interested in...


Comments and Discussions

Questionbest way of learnign java script Pin
sridhar50615-Aug-13 9:14
membersridhar50615-Aug-13 9:14 
GeneralMy vote of 5 Pin
Keeame10-Jul-13 18:19
memberKeeame10-Jul-13 18:19 
QuestionNice Explanation ThanQ Pin
sathishvenkat20-May-13 0:00
membersathishvenkat20-May-13 0:00 
GeneralMy vote of 5 Pin
manoj kumar choubey29-Mar-12 19:13
membermanoj kumar choubey29-Mar-12 19:13 
Question.NET Barcode for ASP.NET Pin
steve7g12-Jan-12 16:58
membersteve7g12-Jan-12 16:58 
GeneralMy vote of 5 Pin
jonanirina17-Oct-11 23:41
memberjonanirina17-Oct-11 23:41 
GeneralRe: My vote of 5 Pin
Ahmed_Said5-Jan-12 17:16
memberAhmed_Said5-Jan-12 17:16 
Generalhmm. Pin
MikkelAndersen2-Mar-11 4:36
memberMikkelAndersen2-Mar-11 4:36 
GeneralRe: hmm. Pin
widnson7-Oct-12 22:11
memberwidnson7-Oct-12 22:11 
GeneralMy vote of 5 Pin
k.anantharengan24-Sep-10 18:36
memberk.anantharengan24-Sep-10 18:36 
GeneralRe: My vote of 5 Pin
Ahmed_Said24-Sep-10 23:26
memberAhmed_Said24-Sep-10 23:26 
GeneralMy vote of 5 Pin
geethamw0313-Sep-10 18:43
membergeethamw0313-Sep-10 18:43 
GeneralRe: My vote of 5 Pin
Ahmed_Said13-Sep-10 22:42
memberAhmed_Said13-Sep-10 22:42 

General General    News News    Suggestion Suggestion    Question Question    Bug Bug    Answer Answer    Joke Joke    Praise Praise    Rant Rant    Admin Admin   

Use Ctrl+Left/Right to switch messages, Ctrl+Up/Down to switch threads, Ctrl+Shift+Left/Right to switch pages.

Permalink | Advertise | Privacy | Terms of Use | Mobile
Web02-2016 | 2.8.180318.3 | Last Updated 9 Sep 2010
Article Copyright 2010 by Ahmed_Said
Everything else Copyright © CodeProject, 1999-2018
Layout: fixed | fluid