[jQuery] modal pop-up from inside <iframe>
I am stuck with an issue of getting my modal to pop up and out of the
iframe and show on top of the parent page. I am using the jqModal and
you seem to have answers for everything but this...
I have a parent page, that i can not edit, with an iframe that
contains the logic for the modal. When the the modal is triggered, it
only shows inside of the iframe and i cant seem to get it to pop up
over the parent window.
This is the ultimate objective:
OnLoad of the parent page, if something=true to pop up the modal from
within the iframe to show over the parent.
I can get it to do everything that i need it to do BUT pop up outside
of the iframe. ...idk... i think i am just running in circles at this
point....
SO here is the simplified code that is nested inside of the parent
iframe.... it loads the modal onLoad of the page, but its inside the
iframe... :-(
[HTML]
<style>
.jqmWindow {display: none; position: fixed; top: 17%; left: 50%;
width: 510px; margin-left: -300px; background-color: #FFFFFF; color:
#333; border: 1px solid black; padding:0px 10px 10px 10px;}
.jqmOverlay {background-color: #000;}
</style>
<script type="text/javascript">
$(window).load(function(){
$('#dialog').jqm();
$('#dialog').jqmShow();
});
</script>
<div id="dialog" class="jqmWindow">
Content of Modal would go here.
</div>
[/HTML]