come chiudere colorbox all'interno di iframe?

Question

ho una pagina manageGroup.php, in cui l'utente può anche aggiungere un membro al gruppo. Ho usato colorbox per mostrare l'addGroupMember.php. Ora ho bisogno di chiudere quel colorbox una volta che ho fatto l'invio del modulo.

javascript sto utilizzando in 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> 

Il legame che sto usando per aprire colorbox

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

il codice addGroupMember.php è come questo: -

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

Primo: elabora la domanda. Le informazioni che hai fornito sono alcune di quelle che sono le shorthanded. Non c'è nessuna possibilità che si possa afferrare quello che stai facendo. Includere anche un altro codice di esempio.

L'unica cosa che posso immaginare è che si sta tentando di attivare il metodo in come è scritto. Tutto ciò che aggiungi all'oggetto $ .fn è associato a tutti gli oggetti jQuery.

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

..fredrik

Answer 2

ho solo cercato di chiudere colorbox da dentro l'iframe, ma couldn farlo funzionare. Ho usato $ ('# closebox'). Colorbox.close() e senza fortuna.

Answer 3

Penso che il problema sia che il colorbox appartiene al genitore, non al DOM nell'iframe.

Suppongo che sia necessario chiamare il genitore. [Modo per ottenere l'elemento o $ .fn oggetto] .colorbox.close() o sarà necessario aggiungere una funzione al documento genitore e chiamare il genitore. myCloseFunction()

Answer 4

ho fatto per me, un po 'pazzo, comunque puoi anche provarlo.

Supponendo vostra pagina in iframe come x.php avere form denominato 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

Assicurarsi che la pagina caricata all'interno del iFrame. Non sono necessari tutti i riferimenti necessari a colorbox js, jQuery js.

Poi il genitore chiamata vicina funzionerà:

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

Answer 6

Questo ha funzionato perfettamente per me e dovrebbe funzionare per voi

 

parent.jQuery.colorbox.close() 
 

Answer 7

proprio questo

parent.$.colorbox.close() 

sembra funzionare per me!

L'ho usato così senza nemmeno un riferimento a qualsiasi JS nel file caricato nell'iframe.

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

questo solo in un file HTML vuoto sembra funzionare.

Answer 8

Non sono riuscito a chiudere Colorbox con le soluzioni suggerite. Divento genitore indefinito ... Quindi ..

---

ho trovato preso un approccio diverso:

documento

casa: (iframe: false) questo aprirà l'ajax_page nel DIV nello stesso documento

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

e nel ajax_page

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

Spero che questo aiuti

Answer 9

Esiste una soluzione semplice che effettivamente utilizzo.

ho messo questo <a id="btnDone" href="#">here</a> codice all'interno o è possibile utilizzare il submit id del pulsante e

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

questo modo u può reindirizzare la pagina padre. e colorbox si chiude automaticamente. se non hai bisogno di reindirizzamento inserisci "#" per window.parent.location