apre la finestra modale da iframe nel genitore

Question

Ho una pagina con un iframe e all'interno di questo iframe ci sono alcuni collegamenti che dovrebbero aprire una finestra modale nella finestra padre. Il fatto è che non ho accesso per inserire il codice nella finestra principale. Ho solo accesso a questo iframe. C'è un modo in cui ciò potrebbe essere fatto con jquery con tali limiti?

Grazie!

Answer 1

È possibile utilizzare plugin jQuery SimpleModal

C'è un'opzione chiamata "appendTo", dove si può dire dove metti il ​​tuo modale. L'unico problema con questo approccio è che l'overlay della modale appare con le dimensioni di iframe, quindi devi dargli la larghezza e l'altezza desiderate dopo averlo aperto.

$('#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%'); 

Se il div si desidera aprire come modale è nella vostra finestra genitore, si potrebbe sostituire con $('#div-modal')$(window.parent.document).find('#div-modal')