Schließen ColorBox iFrame nach dem Senden

Question

Ich benutze jQuery ColorBox, um einen Einkaufswagen Artikel anzuzeigen. Wenn ein Benutzer die Menge in den iFrame eingibt (mit colorbox geöffnet) und auf die Schaltfläche "Senden" klickt, möchte ich, dass der iFrame geschlossen wird und das Hauptfenster (übergeordnet) automatisch aktualisiert wird.

Ich meine, ich möchte zwei Dinge, nachdem die Daten auf iFrame einreichen:

1. iFrame automatisch geschlossen.
2. Übergeordnetes Fenster wird automatisch aktualisiert.

Bitte helfen Sie mir.

Answer 1

Verwendung dieses auf dem Fenster Eltern beim Öffnen iframe:

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

und dies die iframe innerhalb iframe Seite zu schließen:

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

Answer 2

Ich würde einen Blick auf http://colorpowered.com/colorbox/core/example1/index.html

Insbesondere sehen „Beispiel mit Warnungen“

Answer 3

Nachdem das Formular in Frame 1 vorgelegt wird, können Sie das folgende JavaScript verwenden, um die übergeordnete Frame neu geladen werden:

window.parent.location.reload(true); 

Answer 4

<form target="_top"> 

Answer 5

Geben Sie Formular-Tag wie folgt aus:

<form target="_top"> 

dann nach einreichen:

response.redirect("your form") 

Answer 6

offen jquery .colorbox.js finden Sie diese zwei Stück s Code:

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


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

mit diesen ersetzen - beachten Sie die Zugabe von "window.location.reload();"

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


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

Answer 7

Wenn Sie mit Drupal 7, können Sie die folgende Alternative verwenden müssen:

parent.jQuery.colorbox.close(); 

In D7, der $ .FN scheint durch das jQuery-Objekt ersetzt werden.

ich ein Menü Rückruf einfach Setup, die einfach diese zurückgegeben:

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

Schien gut für mich zu arbeiten :)

Answer 8

Einfach nur ein Klick auf den Schließen-Button, wie dies simulieren:

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

Answer 9

Wenn Sie auf der aktuellen Seite bleiben wollen:

1. Schreiben Sie den folgenden Code auf die übergeordnete Seite, wo colorbox angewendet wird.

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

2. und den folgenden Code auf der aktuellen Seite, wo Sie colorbox parent.$.fn.colorbox.close();

Hinweis schließen möchten: bitte ersetzen .tu_iframe_800x600 mit Ihrem HTML-Klasse, auf dem die colorbox genannt wird ...