abrir la ventana modal de iframe en el elemento primario

Question

Tengo una página con un iframe, y dentro de este iframe hay algunos enlaces que deberían abrir una ventana modal en la ventana primaria. El problema es que no tengo acceso para poner el código en la ventana principal. Solo tengo acceso a este iframe. ¿Hay alguna manera de que esto se pueda hacer con jquery con tales limitaciones?

¡Gracias!

Answer 1

Puede utilizar jQuery plugin de SimpleModal

Hay una opción llamada "appendTo", donde usted puede decir ¿dónde pone su modal. El único problema con este enfoque es que la superposición modal aparece con el tamaño del marco flotante, por lo que debe darle el ancho y la altura deseados después de abrirlo.

$('#div-modal').modal({ 
    appendTo: $(window.parent.document).find('body'), 
    overlayCss: {backgroundColor:"#333"}, // Optional overlay style 
    overlayClose:true, 
}); 
// Set overlay's width 
$(window.parent.document).find('#simplemodal-overlay').css('width', '100%'); 

Si el div que desea abrir como modal está en su ventana padre, que podría reemplazar $('#div-modal') con $(window.parent.document).find('#div-modal')