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!