How to get asp.net client id at external javascript file

Question

Hello. when i use embedded javascript functions i can get client id of elements with this code

for example : document.getElementById('<%=buttonXXX.ClientID%>' )

but now i am using external javascript file for caching and faster rendering

but this code does not work any more for getting client id's of elements

it gives error

how can i get client ids of elements at external javascript file

using

asp.net 2.0 , netframework 3.5 , c# , iis 7.5

any help is appreciated

thank you

Answer 1

You could use a class selector. jquery might greatly simplify your life here. So you could apply a special class to the control:

<asp:LinkButton ID="foo" CssClass="foo" runat="server" Text="foo" />

and in your external javascript file once the DOM is ready you could reference the button using a class selector:

$(function() {
    var fooButton = $('.foo');
});

Answer 2

I can suggest 2 ways.

First way define your variables before call the javascript.

var ButtonXXXID = <%=buttonXXX.ClientID%>
// and now include your javascript and use the variable ButtonXXXID

Second way, in the external javascript file, write your code as:

function oNameCls(ControlId1) {

    this.ControlId1 = ControlId1;

    this.DoYourWork1 = function() {
        // use the control id.
        // this.ControlId1
    }   
}

And call your actions like.

<script>
    // init - create
    var <%=this.ClientID%>MyCls = new oNameCls(<%=Control1.ClientID%>);
    // do your work
    <%=this.ClientID%>MyCls.DoYourWork1();
</script>