javascript: Get clientid of a control inside a datagrid or a user control

Question

User845932231 posted
Get clientid of a control inside a datagrid or a user control in client side so you can use this id in
document.getelementById( ) for some client side programming

function GetClientId(strid)
{
     var count=document.forms[0].length;
     var i=0;
     var eleName;
     for (<count ;i="" for="" getting="" the="" client="" id="" of="" ctrl="" when="" this="" userctrl="" added="" to="" a="" page="" {="" elename="document.forms[0].elements[i].id;" pos="eleName.indexOf(strid);" if(pos="">i=0; i < count; i++ )
     {
       </count> eleName=document.forms[0].elements[i].id;
       pos=eleName.indexOf(strid);
       if(pos>=0)  break;           
     }
    return eleName;<count ;i="" for="" getting="" the="" client="" id="" of="" ctrl="" when="" this="" userctrl="" added="" to="" a="" page="" {="" elename="document.forms[0].elements[i].id;" pos="eleName.indexOf(strid);" if(pos="">
 }
</count>
Pass orginal server side id you given to the control as argument ( If you have a button btnSave in
you user control pass this to the function)

Answer 1

User-1808527320 posted
Looks like the forum killed some syntax in your script. Care to try again. I think it would be great if we could only get it running.

thanks

Answer 2

User-728729347 posted

Get clientid of a control inside a datagrid or a user control in client side so you can use this id in
document.getelementById( ) for some client side programming

function GetClientId(strid)
{
     var count=document.forms[0].length;
     var i=0;
     var eleName;
     for (<COUNT id="" page="" if(pos="" pos="eleName.indexOf(strid);" elename="document.forms[0].elements[i].id;" {="" a="" to="" added="" userctrl="" this="" when="" ctrl="" of="" client="" the="" getting="" for="" ;i="">i=0; i < count; i++ )
     {
       </COUNT>eleName=document.forms[0].elements[i].id;
       pos=eleName.indexOf(strid);
       if(pos>=0)  break;           
     }
    return eleName;<COUNT id="" page="" if(pos="" pos="eleName.indexOf(strid);" elename="document.forms[0].elements[i].id;" {="" a="" to="" added="" userctrl="" this="" when="" ctrl="" of="" client="" the="" getting="" for="" ;i="">
 }
</COUNT>
Pass orginal server side id you given to the control as argument ( If you have a button btnSave in
you user control pass this to the function)

Answer 3

User19442838 posted
i need your code can you post it again

Answer 4

User-207142277 posted

Hi,

 forum rich text box ruined you code. Can you please resend ur script. I am actully looking for a similar script like this.

 Thanks..

 

Answer 5

User-122480877 posted

 

Hello to the people that like to bring this forum back from the dead.

If you used your mouse to go over the emoticaon ( [Idea] ) you will notice that it is a Barcket "[" followed bt "I" followed by closing Braket "]"

So all you need to do is replace [Idea] with [I]

Due to this happening all the time in the past they have changed the way emoticons work.

Hope that helps you out.

Answer 6

User110737637 posted

Not as simple as just the smiley [:D] . I think the code should be as below.  Not been able to check properly though.

function GetClientId(strid)
{
     var count=document.forms[0].length;
     var i=0;
     var eleName;
     for (i=0; i < count; i++ )
     {
       eleName=document.forms[0].elements[i].id;
       pos=eleName.indexOf(strid);
       if(pos>=0)  break;           
     }
    return eleName;
}

Answer 7

User110737637 posted

And since I found this post but it was of little help this tip might be useful for anyone else who passes.

If you make a user control and add an object with an id  e.g. "MyTextBox", and you then insert the completed user control into a form calling the user control e.g. "MyControl" you will find that the textbox object created on the form gets the element name "MyControl_MyTextBox".  That is every element of the user control has the name of that control together with an underscore Prefixed.  So you can use that in your script.

Not yet found how to use the Get_ClientID function so that I do not have to make assumptions about the user control ID in the script.

 

Answer 8

User110737637 posted

 

OK it works.  I have a user control which contains a text box with an id of "txt_Date".  I added the control to a form and the user control has the id "DateSelector1".  So on the web form the text box gets the id "DateSelector1_txt_Date".  If I call the Get_ClientId function like this

GetClientId("txt_Date")

then it returns "DateSelector1_txt_Date" (without quotes).  So it does the job.

Answer 9

User-1403527637 posted

This is a better one in my opinion as with the one we have here certain elements are not returned (html image elements, for example)

 

function GetClientId(strid)
{  
     var count=document.getElementsByTagName ('*').length; //<-- gets all elements, instead of Forms as this only returns FORM elements
     var i=0;
     var eleName;
     for (i=0; i < count; i++ )
     {
       eleName=document.getElementsByTagName ('*')[i].id;
       pos=eleName.indexOf(strid);
       if(pos>=0)  break;          
     }
    return eleName;
}

Answer 10

User845932231 posted

Check this post 

http://forums.asp.net/t/889146.aspx 

 

Answer 11

User1677555125 posted

 

This code seems not to be working if you have controls inside GridView, Repeater etc.

For all rows the indexOf(ControlId) >= 0 will be true.

Answer 12

User1876771038 posted

I have a datagrid with embedded controls. The function works fine as long as there is only one row in the grid but im experiencing problems when grid has several rows.

The controlname returned will always be the one of the first row of the grid. Is there any way I can find out which row the wanted control is comming from?

 If the question seems fuzzy please say so and I will try to elaborate.

 tia..

Answer 13

User-1624839008 posted

another way is

<asp:TextBox ID='TextBox1' runat="server" />

<script>

function showAlert()

{

alert('<%= TextBox1.ClientID %>');

}

</script>

Answer 14

User978097916 posted

May be it will help you. 

function ValCancel()
{
document.getElementById('<%=txtEEmail.ClientID %>').value="";

}

Answer 15

User400366069 posted

Thanks nickhoare !

Answer 16

User-1896916166 posted

this worked. Thanks

nothing like a good ol' O(n) linear search