Hi ,
I'm unable to postback using jquery. The code was working fine week ago. I just made few more amendments in the page and checked; now it's unresponsive.
following is the code :
in head
<script src="../../scripts/jquery-1.6.js" type="text/javascript"></script>
<link href="../../styles/jquery-ui-1.8.17.custom.css" rel="stylesheet" type="text/css" />
<script src="../../scripts/jquery-ui-1.8.17.custom.min.js" type="text/javascript"></script>
<script src="../../scripts/jquery.jqzoom-core-pack.js" type="text/javascript"></script>
<link rel="stylesheet" href="../../styles/jquery.jqzoom.css" type="text/css"/>
in content panel :
<table class="ui-accordion">
<tr>
<td>
<p><a href="#" id="dialog_link" class="ui-state-default ui-corner-all"><span class="ui-icon ui-icon-newwin"></span>Contact Information</a></p>
<div id="dialog" title="Contact Information">
<table>
<tr>
<td>Phone Number :</td>
<td><asp:Label ID="lblContact" runat="server" /></td>
</tr>
<tr>
<td>Reply By Email :</td>
<td>
<asp:TextBox ID="txtReply" TextMode="MultiLine" runat="server"></asp:TextBox>
</td>
</tr>
</table>
in code behind :
protected void Page_Load(object sender, EventArgs e)
{
if (Request.Form["MethodName"] == "SendReply")
{
var a = Request.Form["Reply"].ToString();
SendReply(a);
}
..
}
dialog code in script tag :
$(document).ready(function () {
$('#dialog').dialog({
autoOpen: false,
modal: true,
show: "slide",
width: 600,
buttons: {
"Send Mail": function () {
var dataToSend = { MethodName: 'SendReply', Reply: document.getElementById('<%= txtReply.ClientID %>').value };
var id = $.readQS('productId');
var options =
{
url: '<%=ResolveUrl(string.Format("~/classifieds/details/generalDetails.aspx?productId={0}", Request.QueryString["productId"])) %>',
data: dataToSend,
dataType: 'JSON',
type: 'POST',
success: function () { $(this).dialog("close"); }
};
$.ajax(options);
},
"Cancel": function () {
$(this).dialog("close");
}
}
});