Hi,
Iam using a button inside a div which will slide up when a small icon is clicked. This slide up navigation is happening using jquery slideup function.
When I click button, I don't want the entire page to cause post back. However my button click is causing a post back. I have been stuck up with this issue for last 1 week. Can you please help me in fixing the issue.
Please see the below code which Iam using
<asp:updatepanel runat="server" id="UpdSubmit_1" childrenastriggers="true" updatemode="Conditional"><contenttemplate><triggers><asp:AsyncPostBackTrigger ControlID="btnSubmit_1" EventName="Click" /></triggers><li><a href="javascript:void(0)"><div class="iconDetails commtSlideDetails"><div class="commentForm"><textarea id="txtComments_1" runat="server"></textarea><div class="commentsContainer clearfix"><asp:Button ID="btnSubmit_1" runat="server" Text="Submit" OnClick="btnSubmit_Click" OnClientClick="return fnValidateComment1();" /><input type="reset" class="cancelComment" value="Cancel" /><div class="commentInnerDetails"><div class="commentsCount"><span><i class="fa fa-comment-o"></i></span><span id="spCommentsCount_1" runat="server"></span></div><!--commentsCount--></div><!--ComentDetails--></div><!--commentsContainer--></div></div><!--iconDetails--></li></contenttemplate></asp:updatepanel><script type="text/javascript">
window.onload = function () { load(); };$(document).ready(function () {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);$(".iconsOperate a").click(function (e) {
if ($(this).next(".iconDetails").is(":hidden")) {$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").children(".IconsOperateSmall").slideDown(400);$(".iconsOperate a").children(".ActiveIcon").slideUp(400);$(this).next(".iconDetails").slideDown(400);$(this).children(".IconsOperateSmall").slideUp(400);$(this).children(".ActiveIcon").slideDown(400);$(this).addClass("activeIcon");
}
else {$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a .IconsOperateSmall").slideDown(400);$(".iconsOperate a .ActiveIcon").slideUp(400);
}
e.stopPropagation();
});
});
function load() {
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);
}
function EndRequestHandler() {
alert('You record has been saved successfully');
$(document).ready(function () {$(".iconsOperate a").click(function (e) {
if ($(this).next(".iconDetails").is(":hidden")) {$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").children(".IconsOperateSmall").slideDown(400);$(".iconsOperate a").children(".ActiveIcon").slideUp(400);$(this).next(".iconDetails").slideDown(400);$(this).children(".IconsOperateSmall").slideUp(400);$(this).children(".ActiveIcon").slideDown(400);$(this).addClass("activeIcon");
}
else {$(".iconsOperate a").removeClass("activeIcon");$(".iconsOperate a").next(".iconDetails").slideUp(300);$(".iconsOperate a .IconsOperateSmall").slideDown(400);$(".iconsOperate a .ActiveIcon").slideUp(400);
}
e.stopPropagation();
});
});
}</script>