Generic JavaScript function to access HTML and Asp.net Control?

Question

Is it possible to write a javascript function which can get element by its 'id'

i tried to use this function

function getEleById(ele,IsServerElemt) {
      var elmt ;
      if(IsServerElemt) 
          elmt  = '<%='+ ele + '.ClientID%>' ;
      else 
          elmt = ele;

      return document.getElementById(elmt);
}

Here we have HTML as well as Asp.Net TextBox.

<input type="text" id="txtname" />

<asp:TextBox ID="txtname" runat="server"></asp:TextBox>

and iam trying to call the function as follows

var name = getEleById('txtname',true) ;

here true specifies that txtname is server control

Is it possible to have a generic javascript method for HTML as well Asp.Net controls.

Any help would be appreciated.

Thanks

What is ele in this context? Is it a string? A control? You definitely can't mix client side and server side scripting the way you have here. This flat out will not compile properly. — Joel Etherton
– Joel Etherton, Commented Jan 12, 2012 at 18:36
ele is a string. var name = getEleById('txtname',true) ; here true specifies that txtname is server control. — Ram Mourya
– Ram Mourya, Commented Jan 12, 2012 at 18:44

jrummell · Accepted Answer · 2012-01-12 18:36:35Z

2

Create your textbox.

<asp:TextBox ID="txtname" runat="server"></asp:TextBox>

You can access it by.

var textbox= $find("<%=txtname.ClientID %>");

edited Jan 12, 2012 at 18:36

jrummell

43.2k18 gold badges116 silver badges179 bronze badges

answered Jan 12, 2012 at 18:32

Ashwin Chandran

1,46714 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Ram Mourya Over a year ago

yes i can access the TextBox using $find("<%=txtname.ClientID %>");, but i want to access all the Asp.net controls and HTML control on my page using single javascript function. var txtname = getEleById(txtname ,true); , here true specifies that its an server side control.

Zo Has · Accepted Answer · 2012-01-12 18:34:20Z

1

How about using JQuery's CSS selector?

1) $('.txtName') //JQuery CSS selector

with

<asp:TextBox ID="txtname" class="txtName" runat="server"></asp:TextBox>

You can put all your script in external JS files this way.JQuery CSS Selector

answered Jan 12, 2012 at 18:34

Zo Has

13.1k24 gold badges92 silver badges150 bronze badges

Comments

John Kalberer · Accepted Answer · 2012-01-12 17:42:40Z

0

Read through this article. It explains the various ways to generate the element's ID.

What I do is create my textbox like this:

<asp:TextBox ID="txtname" runat="server" ClientIDMode="Static" />

Setting the ClientIDMode to static will set the rendered ID to exactly what you type in the Asp.Net markup. It will render out as something like this:

<input id="txtname" name="?????" />

And then your javascript can be written like this:

function getEleById(elementID) {
    return document.getElementById(elementID);
}

answered Jan 12, 2012 at 17:42

John Kalberer

5,8001 gold badge25 silver badges27 bronze badges

1 Comment

Ram Mourya Over a year ago

John thanks for the reply ,the ClientIDMode feature is introduced in .net 4.0. iam using .net 3.5

Collectives™ on Stack Overflow

Generic JavaScript function to access HTML and Asp.net Control?

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related