Cómo abrir colorbox desde dentro de un iframe en la parte superior de la ventana principal

Question

Tengo una página con un iframe. El enlace dentro de un iframe debería abrir colorbox. Funciona bien.

Pero abre el colorbox dentro del iframe. ¿Es posible abrir el iframe sobre la ventana principal?

Agradezco cualquier ayuda.

 $(function() { 
      $('#ajax').colorbox({iframe: true }); 
    }); 

Answer 1

Usted debe ser capaz de desencadenar en el marco superior con

top.$.fn.colorbox({ params }); 

Aunque tendrá que mimar que los datos que desea mostrar.

Answer 2

Tenía el mismo problema. resuelto poniendo una función en la página principal como la siguiente:

<script>  
$(document).ready(function(){ 
function call_colorBox(params) { 
     $.colorbox(params); 
    } 
}) 
</script> 

continuación, llamar a la función colorbox en su iframe usando:

<script> 
top.parent.call_colorBox({ width: "80%", height: "80%", iframe: true, href:"http://www.google.com" }); 
</script> 

Answer 3

código anterior no funciona para mí ..

top.parent.$.colorbox({ 
    iframe: true, 
    width: "75%", 
    height: "75%", 
    href: "frmTATABomPartsUnique.aspx?Parts=Common", 
    title: "UNIQUE PARTS", 
    onComplete: function() { 
     $("#cboxClose").attr("title", "Close"); 
    } 
}); 

Este código funciona ...