Skip to site navigation (Press enter)
[jQuery] modal pop-up from inside
</span></a></span> </h1> <p class="darkgray font13"> <span class="sender pipe"><a href="/search?l=jquery-en@googlegroups.com&q=from:%22Red%22" rel="nofollow"><span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name">Red</span></span></a></span> <span class="date"><a href="/search?l=jquery-en@googlegroups.com&q=date:20090513" rel="nofollow">Wed, 13 May 2009 16:32:59 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre> 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...</pre><pre> 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] </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg73502.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="index.html#73504">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="maillist.html#73504">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg73512.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email tSliceCur"><span class="subject">[jQuery] modal pop-up from inside <iframe></span> <span class="sender italic">Red</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg73512.html">[jQuery] Re: modal pop-up from inside <iframe></a></span> <span class="sender italic">snorkel</span></li> <li><ul> <li class="icons-email"><span class="subject"><a href="msg73570.html">[jQuery] Re: modal pop-up from inside <iframe></a></span> <span class="sender italic">Red</span></li> </ul> </ul> </ul> </div> <div class="overflow msgActions margintopdouble"> <div class="msgReply" > <h2> Reply via email to </h2> <form method="POST" action="/mailto.php"> <input type="hidden" name="subject" value="[jQuery] modal pop-up from inside <iframe>"> <input type="hidden" name="msgid" value="b0513653-b724-4cb9-9b6f-5e0f51bb803a@z5g2000vba.googlegroups.com"> <input type="hidden" name="relpath" value="jquery-en@googlegroups.com/msg73504.html"> <input type="submit" value=" Red "> </form> </div> </div> </div> <div class="aside" role="complementary"> <div class="logo"> <a href="/"><img src="/logo.png" width=247 height=88 alt="The Mail Archive"></a> </div> <form class="overflow" action="/search" method="get"> <input type="hidden" name="l" value="jquery-en@googlegroups.com"> <label class="hidden" for="q">Search the site</label> <input class="submittext" type="text" id="q" name="q" placeholder="Search jquery-en"> <input class="submitbutton" name="submit" type="image" src="/submit.png" alt="Submit"> </form> <div class="nav margintop" id="nav" role="navigation"> <ul class="icons font16"> <li class="icons-home"><a href="/">The Mail Archive home</a></li> <li class="icons-list"><a href="/jquery-en@googlegroups.com/">jquery-en - all messages</a></li> <li class="icons-about"><a href="/jquery-en@googlegroups.com/info.html">jquery-en - about the list</a></li> <li class="icons-expand"><a href="/search?l=jquery-en@googlegroups.com&q=subject:%22%5C%5BjQuery%5C%5D+modal+pop%5C-up+from+inside+%3Ciframe%3E%22&o=newest&f=1" title="e" id="e">Expand</a></li> <li class="icons-prev"><a href="msg73502.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg73512.html" title="n">Next message</a></li> </ul> </div> <div class="listlogo margintopdouble"> <a href="#"><img src="/jquery-en@googlegroups.com/logo.png" alt="jquery-en"></a> </div> <div class="margintopdouble"> </div> </div> </div> <div class="footer" role="contentinfo"> <ul> <li><a href="/">The Mail Archive home</a></li> <li><a href="/faq.html#newlist">Add your mailing list</a></li> <li><a href="/faq.html">FAQ</a></li> <li><a href="/faq.html#support">Support</a></li> <li><a href="/faq.html#privacy">Privacy</a></li> <li class="darkgray">b0513653-b724-4cb9-9b6f-5e0f51bb803a@z5g2000vba.googlegroups.com</li> </ul> </div> </body> </html>