I don’t remember how many times I have written this, nearly for every ASP.NET project I have to write this, so I am posting so I can get it back. It is a simple method of the getting the control with the server side id. ASP.NET changes the Id’s of nested server side controls when page is rendered.
This function simply compares the last part of the control id with the server side id of the control (passed as parameter)
function findObjWithClientId(Id)
{
var ctrls = document.all;
for(var count = 0; count < ctrls.length ; count ++)
{
var index = ctrls[count].id.indexOf(Id);
if(index != -1)
{
if((ctrls[count].id.length – index) == Id.length)
{
return ctrls[count];
}
}
}
return null;
}
Advertisements
Hi,
Instead of writing such a function why don’t you just simply call the following?
document.getElementById()
Dan
Dan,
Becuase document.getElementById() will only return the control if I pass the correct client side Id to the control. The problem is that Ihave only Server Side Id. The Client Id will be rendered by ASP.NET. If you notice the function actually checks the part of the control Id.
I think you have this line containing a character encoding problem <
(var count = 0; count < ctrls.length ; count ++) con
Thanks
very wired now this < prints as this & l t ; in your original post but not in mine !
‘<' is correct.
This won’t work in Firefox because it doesn’t like document.all, to get it to work in firefox replace the following line…
var ctrls = document.all;
With this…
var ctrls = document.getElementsByTagName(“body”)[0].getElementsByTagName(“*”);
Hey, That was a good post thank u very much for sharing that info with everybody.