Dynamically create controls with non-hierarchical IDs

[Dale]

You could add a Name attribute to the control and use GetElementsByName to
find it.

Dale


"Simon Wallis" <SimonWallis@discussions.microsoft.com> wrote in message
news:6F76A711-7FF3-4047-A4CB-03D02533FB78@microsoft.com...

> I have a PlaceHolder inside a repeater so that I can dynamically add

controls to my page. Each time the repeater.ItemDataBound event fires I
create a Label and add it to the PlaceHolder.

>
> Now, when I create this Label, I set the ID to have the dynamic value:
> "lblSubTotal_" + strCurrencyCode;
>
> ASP.NET will turn this Label into a [span] tag in the resulting HTML

output, and I want to manipulate this tag using Javascript. In JS I want to
get a reference to the tag via its ID value. For example:

> objCurrencySubtotal = document.getElementById("lblSubTotal_USD");
>
> The problem is that when ASP.NET creates the [span] tag, it modifies the

ID value by prepending a whole bunch of hierarchically-qualified info. For
example, this is the span tag I end up with in the HTML output:

> <span

id="pbdTemplate__PageTemplate_innerHolder_ctrlBala nces_rptrAggregateTotals__
ctl1_lblSubTotal_USD">

>
> I cannot find this easily using Javascript. Does anyone know how to stop

ASP.NET from prepending all that hierchical info and force it to use the ID
value I myself assign to the control?

>
> Thanks,
> Simon.

[John Saunders]

"Simon Wallis" <SimonWallis@discussions.microsoft.com> wrote in message
news:6F76A711-7FF3-4047-A4CB-03D02533FB78@microsoft.com...

> I have a PlaceHolder inside a repeater so that I can dynamically add

controls to my page. Each time the repeater.ItemDataBound event fires I
create a Label and add it to the PlaceHolder.

>
> Now, when I create this Label, I set the ID to have the dynamic value:
> "lblSubTotal_" + strCurrencyCode;
>
> ASP.NET will turn this Label into a [span] tag in the resulting HTML

output, and I want to manipulate this tag using Javascript. In JS I want to
get a reference to the tag via its ID value. For example:

> objCurrencySubtotal = document.getElementById("lblSubTotal_USD");
>
> The problem is that when ASP.NET creates the [span] tag, it modifies the

ID value by prepending a whole bunch of hierarchically-qualified info. For
example, this is the span tag I end up with in the HTML output:

> <span

id="pbdTemplate__PageTemplate_innerHolder_ctrlBala nces_rptrAggregateTotals__
ctl1_lblSubTotal_USD">

>
> I cannot find this easily using Javascript. Does anyone know how to stop

ASP.NET from prepending all that hierchical info and force it to use the ID
value I myself assign to the control?

Simon,

Another solution is to pass the ID to the JavaScript code. For instance, if
you need to call your JavaScript on a Click event:

lblClickMe.Attributes.Add("onclick",
string.Format("MyJSFunction('{0}');", myLabel.UniqueID));

MyJSFunction will then be able to get the element using getElementById.
--
John Saunders
johnwsaundersiii at hotmail