Hi,
I tried some code for you check this once
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>
<script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript"></script>
<script src="Scripts/jquery-1.4.1.js" type="text/javascript"></script>
<script language="javascript" >
$(document).ready(function () {
jQuery.fn.elementlocation = function () {
var curleft = 0;
var curtop = 0;
var obj = this;
do {
curleft += obj.attr('offsetLeft');
curtop += obj.attr('offsetTop');
obj = obj.offsetParent();
} while (obj.attr('tagName') != 'BODY');
return ({ x: curleft, y: curtop });
};
var location = $("#disabletr1").elementlocation();
var location1 = $("#tb1").elementlocation();
var x = location1.x+ location.x;
var y = location1.y+ location.y;
$("#hideDiv").css('left', x);
$("#hideDiv").css('top', y);
$("#hideDiv").css('width', $("#disabletr").width());
$("#hideDiv").css('height', $("#disabletr").height());
$("#hideDiv").show();
});
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table width="100%" id="tb1">
<tr id="disabletr">
<td><div id="disabletr1"></div> <asp:button id="Button1" runat="server" text="Button" xmlns:asp="#unknown" /></td>
<td> <asp:textbox id="TextBox1" runat="server" xmlns:asp="#unknown"></asp:textbox></td>
<td></td>
</tr>
</table>
<div id="hideDiv" style="height: 100%; width: 100%; left: 0pt; top: 0pt; opacity: 0.7; background-color: rgb(153, 153, 153); z-index: 100; overflow: hidden; display: none; position: absolute;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';filter: alpha(opacity=70);"></div>
</div>
</form>
</body>
</html>
I hope u understand what i did
Here i'm displaying one div on that tr
you can set this blur effect on button click also
All the Best