Закрыть ColorBox iFrame после отправки

Question

Я использую jQuery ColorBox для отображения товара в корзине. Когда пользователь вводит количество в iFrame (открывается с помощью colorbox) и нажимает кнопку отправки, я хочу, чтобы iFrame был закрыт, а главное окно (родительское) обновлялось автоматически.

Я имею в виду, что я хочу получить две вещи после отправки данных в iFrame:

1. iFrame закрывается автоматически.
2. Обновление родительского окна происходит автоматически.

Пожалуйста, помогите мне.

Answer 1

используйте это в родительском окне при открытии iframe:

$(document).ready(function(){
    $(".chpic").colorbox({width:"80%", height:"80%", iframe:true, 
        onClosed:function(){ location.reload(true); } });
});

и это, чтобы закрыть iframe внутри страницы iframe:

parent.$.fn.colorbox.close();

Answer 2

После отправки формы в кадре 1 вы можете использовать следующий JavaScript для перезагрузки родительского кадра:

window.parent.location.reload(true);

Answer 3

открыть jquery.colorbox.js найдите эти две части кода:

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


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

заменить на них - обратите внимание на добавление "window.location.reload ();"

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


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

Answer 4

<form target="_top">

Answer 5

Просто имитируйте щелчок по кнопке закрытия, например:

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

Answer 6

Дайте тег формы как это:

<form target="_top">

затем после отправки:

response.redirect("your form")

Answer 7

Я бы взглянул на http://colorpowered.com/colorbox/core/example1/index.html

В частности, посмотрите «Пример с предупреждениями»

Answer 8

Если вы хотите остаться на текущей странице:

1. напишите следующий код на родительской странице, где применяется colorbox.

   $(document).ready(function(){
   
    $(".tu_iframe_800x600").colorbox({width:"80%", height:"100%", iframe:false 
   
     });
   });
   

2. и следующий код на текущей странице, где вы хотите закрыть colorbox parent.$.fn.colorbox.close();

Примечание: пожалуйста, замените .tu_iframe_800x600 вашим html-классом, для которого вызывается colorbox...

Answer 9

Если вы используете Drupal 7, вам может понадобиться следующая альтернатива:

parent.jQuery.colorbox.close();

В D7 $ .fn, похоже, заменяется объектом jQuery.

Я просто настраиваю обратный вызов меню, который просто возвращает это:

return <<<EOF
<script type="text/javascript">
  <!--//--><![CDATA[//><!--
  parent.jQuery.colorbox.close();
  //--><!]]>
</script>
EOF;

Мне показалось, что он отлично работает:)