Chiudi ColorBox iFrame dopo invia

Question

Sto usando jQuery ColorBox per visualizzare un elemento del carrello. Quando un utente immette la quantità nell'iFrame (aperto con colorbox) e fa clic sul pulsante di invio, voglio che l'iFrame sia chiuso e che la finestra principale (padre) venga aggiornata automaticamente.

voglio dire Voglio due cose dopo aver presentato i dati sul iFrame:

1. iFrame si chiude automaticamente.
2. La finestra padre si aggiorna automaticamente.

Please help me out.

Answer 1

uso questo sul finestra padre durante l'apertura:

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

e questo per chiudere l'iframe pagina interna iframe:

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

Answer 2

vorrei dare un'occhiata a http://colorpowered.com/colorbox/core/example1/index.html

In particolare, guardare "Esempio con avvisi"

Answer 3

Dopo che il modulo viene inviato nel fotogramma 1, è possibile utilizzare il seguente JavaScript per ricaricare il frame padre: iframe

window.parent.location.reload(true); 

Answer 4

<form target="_top"> 

Answer 5

Dare tag form in questo modo:

<form target="_top"> 

poi dopo conferma:

response.redirect("your form") 

Answer 6

jquery aperto .colorbox.js trova questi due pezzi s di codice:

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


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

sostituirli con questi - nota l'aggiunta di "window.location.reload();"

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


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

Answer 7

Se stai usando Drupal 7, potrebbe essere necessario utilizzare la seguente alternativa:

parent.jQuery.colorbox.close(); 

Nel D7, il $ .fn sembra essere sostituito da l'oggetto jQuery.

ho semplicemente impostare un callback menu che semplicemente restituito questo:

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

sembrava funzionare bene per me :)

Answer 8

Basta semplicemente simulare un clic sul pulsante di chiusura, in questo modo:

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

Answer 9

Se si vuole rimanere sulla pagina corrente:

1. scrivere il codice seguente nella pagina padre in cui è applicato Colorbox.

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

2. e il seguente codice nella tua pagina corrente in cui si desidera chiudere colorbox parent.$.fn.colorbox.close();

Nota: si prega di sostituire .tu_iframe_800x600 con la classe HTML su cui è chiamata la colorbox ...