Prevent jquery colorbox closing on postback

288 Views Asked by Vinay At 04 April 2025 at 15:19

I am using jquery colorbox to call an external page from codebehind like this

 String URL = "Default.aspx"; 
 ScriptManager.RegisterStartupScript(this, this.GetType(), "openWindow", "$.colorbox({ href: '" + URL + "', closeButton: false, overlayClose: false });", true);

Below is html of Default.aspx

<body>
<form id="form1" runat="server">
<div>
    <asp:Button ID="btn" runat="server" Text="Submit" OnClick="btn_Click" />
</div>
</form>
</body>

Currently nothing is written on button click event, but as soon as I submit the button, the model window is getting closed. How do I prevent this? I want to be able to do certain calculation codebehind and then close the modelwindow if everything is fine.

Thanks,

Vinay

Original Q&A

There are 1 best solutions below

Chris On 21 November 2014 at 12:28 BEST ANSWER

Your button click submits the form and that executes a postback. If you need to perform server-side logic, you will need to get your button to call an ajax method to get the results from the server. Do do this, you either replace the OnClick with an OnClientClick method to call your ajax or you use a normal button and you wire up the on click event in javascript.

HTML

 <asp:Button ID="btn" runat="server" Text="Submit" OnClientClick="btn_Click" />

Javascript Something along these lines:

function btn_Click(e){
    e.preventDefault();
    //call your ajax here
    //update the page on ajax's success event
}

This should do it

Prevent jquery colorbox closing on postback

There are 1 best solutions below

Related Questions in JAVASCRIPT

Related Questions in C#

Related Questions in JQUERY

Related Questions in ASP.NET

Related Questions in COLORBOX

Trending Questions

Popular # Hahtags

Popular Questions