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

Question

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

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

1. плавающего фрейма автоматически закрывается.
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

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

В частности, обратите внимание на «примере с Оповещения»

Answer 3

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

window.parent.location.reload(true); 

Answer 4

<form target="_top"> 

Answer 5

Подари тэг формы, как это:

<form target="_top"> 

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

response.redirect("your form") 

Answer 6

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

$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 7

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

parent.jQuery.colorbox.close(); 

В D7, то $ .fn, кажется, заменить объект JQuery.

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

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

вроде нормально работает для меня :)

Answer 8

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

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

Answer 9

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

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 ...