Question

I have a main page (Home.aspx) and on selecting a link from the menu i send an asynchronous request to the server and load the response (another aspx page) inside jquery tabs.

Now i have different hyperlinks inside the pages and on click i call a method in an external js file. How do i get the form id of the clicked hyperlink.

To be simple on click of a hyperlink calls a method, will i get the id of the form to which the hyperlink belongs.

Answer 1

If you don’t use a javascript toolkit/framework and don’t care to learn good practises and simply want to get the job done.

<!-- inside a form somewhere -->
<a href="url" onclick="javascript:doStuff(this);">link text</a>

<!-- somewhere else in your page, where you put javascript -->
<script>
    function doStuff(node) {
        var ancestor = node.parentNode;
        var formID;
        while( ancestor && ancestor !== document ) {
            if ( /^form$/i.test( ancestor.nodeName ) ) {
                formID = ancestor.id;
                break;
            }
            ancestor = node.parentNode;
        }
        if ( formID ) {
            // do stuff with formID
        }
    }
</script>

If you use jQuery:

$("form a").click(function(e){
    var formID = $(this).closest("form").attr("id");
    if( formID ) {
        // do stuff with formID
    }
});