Fermer ColorBox iFrame après soumettre

Question

J'utilise jQuery ColorBox pour afficher un article de panier. Lorsqu'un utilisateur saisit la quantité dans l'iFrame (ouvert avec la palette de couleurs) et clique sur le bouton d'envoi, je souhaite que l'iFrame soit fermé et que la fenêtre principale (parent) soit automatiquement actualisée.

Je veux dire que je veux deux choses après la présentation des données sur iFrame:

1. iFrame se ferme automatiquement.
2. La fenêtre parent est actualisée automatiquement.

S'il vous plaît aidez-moi.

Answer 1

utiliser sur la fenêtre parent lors de l'ouverture iframe:

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

et ce pour fermer la iframe dans la page iframe:

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

Answer 2

Je prendrais un coup d'œil à http://colorpowered.com/colorbox/core/example1/index.html

Plus précisément, regardez « Exemple avec des alertes »

Answer 3

Une fois le formulaire soumis à l'image 1, vous pouvez utiliser le code JavaScript suivant pour recharger le cadre parent:

window.parent.location.reload(true); 

Answer 4

<form target="_top"> 

Answer 5

Donner balise form comme ceci:

<form target="_top"> 

puis après soumettre:

response.redirect("your form") 

Answer 6

jquery ouvert .colorbox.js trouver ces deux pièces s de code:

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


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

remplacer par ceux-ci - noter l'ajout de "window.location.reload();"

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


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

Answer 7

Si vous utilisez Drupal 7, vous devrez peut-être utiliser l'alternative suivante:

parent.jQuery.colorbox.close(); 

En D7, le .fn de $ semble être remplacé par l'objet jQuery.

je simplement configurer un rappel de menu qui simplement retourné ceci:

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

Semblait fonctionne très bien pour moi :)

Answer 8

Tout simplement simuler un clic sur le bouton de fermeture, comme ceci:

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

Answer 9

Si vous voulez rester à la page en cours:

1. écrivez le code suivant sur la page parent où colorbox est appliqué.

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

2. et le code suivant sur votre page en cours où vous voulez fermer colorbox parent.$.fn.colorbox.close();

Note: s'il vous plaît remplacer .tu_iframe_800x600 avec votre classe html sur lequel le colorbox est appelé ...