Question

Im using multiple ASCX controls on one page, and the javascript clashes obviously if I use two of the same control. So Ive changed it all to proper OOP javascript so they dont interfere, but my problem now is how do I do the HTML side of things. Both ASCX’s will make a div called “foo”. So whats the usual way around this? Am I meant to also be generating all the html from inside my JS classes?

Thanks 🙂

Answer 1

You can add runat="server" to your DIVs to make them server-side controls:

<div id="foo" runat="server"> ... </div>

then use the control’s (generated) ClientID:

<script>
  var divId = "<%= foo.ClientID %>";
</script>