comment fermer la boîte de couleur dans iframe?

Question

J'ai une page manageGroup.php, où l'utilisateur peut également ajouter un membre au groupe. J'ai utilisé colorbox pour montrer le addGroupMember.php. Maintenant, je dois fermer cette boîte de couleur une fois que j'ai fini de soumettre le formulaire.

javascript J'utilise dans manageGroup.php

<script language="javascript" type="text/javascript" src="js/jquery-1.3.2.js"></script> 
<script type="text/javascript" src="js/dropdown.js"></script> 
<script type="text/javascript" src="js/jquery.colorbox.js"></script> 
<script type="text/javascript"> 
$(document).ready(function(){ 
$(".iframe").colorbox({width:"80%", height:"80%", iframe:true}); 
}); 
</script> 

Le lien que je utilise pour ouvrir colorbox

<a class="iframe" href="addGMember.php?id=<?php echo base64_encode($fetch->g_id)?>">Add Member</a> 

le code dans addGroupMember.php est comme ceci: -

if($_POST['add']=="Go") 
{ 
    $gid = $_POST['id']; 
    $ii=0; 
    $insert = "INSERT INTO ".DBGMEMBER." (gm_g_id,gm_m_id) VALUES "; 
    foreach($_POST['gMember'] as $gMember) 
    { 
    if($ii==0) 
    { 
     $insert .= " ('".$gid."' , '".$gMember."')"; 
    } 
    else 
    { 
     $insert .= " ,('".$gid."' , '".$gMember."')"; 
    } 
    $ii++; 
    } 
    $db->execute($insert);// after this i want to close the colorbox 
    echo "<script>parent.$.fn.colorbox.close(); </script>";// code i used, but not working 
} 

Answer 1

Premièrement: Élaborez votre question. L'information que vous avez fournie est en désavantage numérique. Il n'y a aucune chance que vous puissiez saisir ce que vous faites. Incluez également quelques exemples de code.

La seule chose que je pourrais deviner est que vous essayez de déclencher la méthode dans sa façon d'écrire. Tout ce que vous ajoutez à l'objet $ .fn est lié à tous les objets jQuery.

// doesn't work 
$.fn.colorbox.close() 
// proper way 
$('idOfDomElement').colorbox.close() 

..fredrik

Answer 2

Je viens d'essayer de fermer colorbox à l'intérieur de l'iframe, mais ne pouvais pas le faire fonctionner. J'ai utilisé $ ('# closebox'). Colorbox.close() et sans aucune chance.

Answer 3

Je pense que le problème est que la colorbox appartient au parent, pas au DOM dans l'iframe.

Je suppose que vous devrez appeler parent. [Façon d'obtenir l'élément ou l'objet $ .fn] .colorbox.close() ou vous devrez ajouter une fonction au document parent et appeler parent. myCloseFunction()

Answer 4

Je l'ai fait pour moi, un peu fou, de toute façon on peut aussi essayer.

Supposant votre page dans iFrame x.php forme ayant nommé xyz

<?php 
    if($_post['submit']=='Submit') 
    { 
    //some php code here 
    if(success) 
    echo "<script>parent.$.fn.colorbox.close(); </script>"; 
    else 
    { 
     //some error handling here; 
    } 
    } 
?> 
<form name='xyz' action='x.php'> 
//some html code here 
<input type='Submit' name='submit' /> 
</form> 

Answer 5

Assurez-vous que la page chargée dans le iFrame. Toutes les références nécessaires à la colorbox js, jQuery js ne sont pas nécessaires.

le parent appel proche fonctionnera:

parent.$('.yourElement').colorbox.close(); 

Answer 6

Celui-ci a parfaitement fonctionné pour moi et devrait travailler pour vous

 

parent.jQuery.colorbox.close() 
 

Answer 7

juste cette

parent.$.colorbox.close() 

semble fonctionner pour moi! Je l'ai utilisé sans même une référence à n'importe quel JS dans le fichier chargé dans l'iframe.

<a href="javascript:parent.$.colorbox.close()">close</a> 

ce seul dans un fichier HTML vide semble fonctionner.

Answer 8

Je n'ai pas réussi à fermer le Colorbox avec des solutions suggérées. Je reçois un parent indéfini ... Alors ...

---

J'ai trouvé pris une approche différente:

Accueil Document: (iframe: false) cela ouvrira la ajax_page dans DIV dans le même document

$(document).ready(function(){ 
    $("#modalwindow").colorbox({ 
     width:"800px", 
     height:"510px", 
     iframe:false, 
     href:"../ajax_page.php", 
    }); 
}); 

et dans le ajax_page

$('#modalwindow').colorbox.close(); 

Espérons que cela aide

Answer 9

Il existe une solution simple que j'utilise.

i mettre ce <a id="btnDone" href="#">here</a> code à l'intérieur ou vous pouvez utiliser votre soumettre id de bouton et

$(document).ready(function() { 
     $("#btnDone").click(function() { 
      window.parent.location = "../siparisler/listele.aspx" 
     }); 
} 

cette façon u peut rediriger la page parent. et colorbox est automatiquement fermé. Si vous n'avez pas besoin de redirection, mettez "#" pour le window.parent.location