如何在window.open中使用颜色框

Question

i have this popup function using javascript

 function BookingIDCancellation() {

        window.open("popup/BookingIDCancellation.aspx?field=BookingID|<%=txtBookingID.clientid%>", "mywindow", "menubar=0,resizable=1,scrollbars=1,width=500,height=450")

    }

i use this function on button so that it will popup after clicking on it and get value from the popup page.

<asp:Button ID="btnBrowse" CssClass="button" runat="server" Text="Browse" OnClientClick="BookingIDCancellation();return false;" />

How to use this window.open with jquery colorbox so that the popup window will look nicer?

Answer 1

You can use the code below:

function BookingIDCancellation(){
     $.colorbox({href:"popup/BookingIDCancellation.aspx?field=BookingID|<%=txtBookingID.clientid%>", width:"500px", height:"450px"});
}

Please note that if "BookingIDCancellation.aspx" contains Postback functions you need to add the "iframe:true" paramater to the $.colorbox function, and you need to set the Postback URL in the "BookingIDCancellation.aspx" page.

iFrame code:

function BookingIDCancellation(){
     $.colorbox({href:"popup/BookingIDCancellation.aspx?field=BookingID|<%=txtBookingID.clientid%>", width:"500px", height:"450px", iframe:true});
}