Close ColorBox iFrame after submit

Question

I'm using jQuery ColorBox to display a shopping cart item. When a user enters the quantity in the iFrame (opened with colorbox) and clicks on the submit button, I want the iFrame to be close and main window (parent) to be refreshed automatically.

I mean I want two things after submitting data on iFrame:

1. iFrame closes automatically.
2. Parent window getting refresh automatically.

Please help me out.

Answer 1

After the form is submitted in Frame 1, you can use the following JavaScript to reload the parent frame:

window.parent.location.reload(true);

Answer 2

Just simply simulate a click on the close button, like this:

$("#cboxClose").click();

Answer 3

Give form tag like this:

<form target="_top">

then after submit:

response.redirect("your form")

Answer 4

I would take a look at http://colorpowered.com/colorbox/core/example1/index.html

Specifically, look at "Example with Alerts"

Answer 5

<form target="_top">

Answer 6

open jquery.colorbox.js find these two pieces of code:

$close.click(function () {
  publicMethod.close(); 
});


$overlay.click(function () {
  if (settings.overlayClose) {
    publicMethod.close();
  }
});

replace with these - note the addition of " window.location.reload();"

$close.click(function () {
  publicMethod.close();
  window.location.reload();         
});


$overlay.click(function () {
  if (settings.overlayClose) {
    publicMethod.close();
    window.location.reload();
  }
});