I am trying to loop through a radGrid with jQuery to access it Edit link. So basically what I want to do is show a modal dialog whenever the Edit link is clicked. I have the Modal dialog working using jquery and it is activated based on the .click jquery event. Is there a way to make it so when ever you click an Edit link in the radGrid it activates that?
This is my jquery code:
Thanks!
This is my jquery code:
<script> $(document).ready(function() { //select all the a tag with name equal to modal $("#imgBtnBack").click(function(e) { if (($("#radTextBoxNotes_text").val().length === 0) && ($('#rblChangeButtonType input:checked').val() == '100000000') && ($("#RadDatePicker1").val().length === 0)) { history.back(); return false; } else { //Cancel the link behavior e.preventDefault(); //Get the A tag var id = "#dialog"; //Get the screen height and width var maskHeight = $(document).height(); var maskWidth = $(window).width(); //Set height and width to mask to fill up the whole screen $('#mask').css({ 'width': maskWidth, 'height': maskHeight }); //transition effect $('#mask').fadeIn(0); $('#mask').fadeTo("fast", 0.8); //Get the window height and width var winH = $(window).height(); var winW = $(window).width(); //Set the popup window to center $(id).css('top', winH / 2 - $(id).height() / 2); $(id).css('left', winW / 2 - $(id).width() / 2); //transition effect $(id).fadeIn(0); } }); //if close button is clicked $('.window .close').click(function(e) { //Cancel the link behavior e.preventDefault(); $('#mask, .window').hide(); }); //if mask is clicked $('#mask').click(function() { $(this).hide(); $('.window').hide(); }); }); function OnClientClicked(sender, eventArgs) { //if close button is clicked $('.window .close').click(function(e) { //Cancel the link behavior e.preventDefault(); $('#mask, .window').hide(); }); }</script>Thanks!