Skip to site navigation (Press enter)
[jQuery] Re: 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:20090514" rel="nofollow">Thu, 14 May 2009 09:44:59 -0700</a></span> </p> </div> <div itemprop="articleBody" class="msgBody"> <!--X-Body-of-Message--> <pre> Unfortunitly since the Parent and child are from two different domains it wont give me access to it and gives an error of "Permission denied to get property Window.nodeType". I should have mentioned that i tried it in other forms and same result as well. I am not sure if it is even do-able at this point. But thanks for the help!</pre><pre> On May 13, 9:23 pm, snorkel <benedect...@googlemail.com> wrote: > I am pretty new to all this, but here goes.. it seems to me you need > to have something like > window.parent.load (javascript) > you need parent because aniframeis a window > > On May 14, 12:08 am, Red <tankgir...@gmail.com> wrote: > > > I am stuck with an issue of getting mymodalto pop up and out of the > >iframeand 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 aniframethat > > contains the logic for themodal. When the themodalis triggered, it > > only shows inside of theiframeand 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 themodalfrom > > within theiframeto show over the parent. > > > I can get it to do everything that i need it to do BUT pop up outside > > of theiframe. ...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 themodalonLoad 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 ofModalwould go here. > > </div> > > [/HTML] </pre> </div> <div class="msgButtons margintopdouble"> <ul class="overflow"> <li class="msgButtonItems"><a class="button buttonleft " accesskey="p" href="msg73512.html">Previous message</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="c" href="index.html#73570">View by thread</a></li> <li class="msgButtonItems textaligncenter"><a class="button" accesskey="i" href="maillist.html#73570">View by date</a></li> <li class="msgButtonItems textalignright"><a class="button buttonright " accesskey="n" href="msg73508.html">Next message</a></li> </ul> </div> <a name="tslice"></a> <div class="tSliceList margintopdouble"> <ul class="icons monospace"> <li class="icons-email"><span class="subject"><a href="msg73504.html">[jQuery] modal pop-up from inside <iframe></a></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 tSliceCur"><span class="subject">[jQuery] Re: modal pop-up from inside <iframe></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] Re: modal pop-up from inside <iframe>"> <input type="hidden" name="msgid" value="f3e9c294-a6dc-415d-b152-26ff2511b0f9@e23g2000vbe.googlegroups.com"> <input type="hidden" name="relpath" value="jquery-en@googlegroups.com/msg73570.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+Re%5C%3A+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="msg73512.html" title="p">Previous message</a></li> <li class="icons-next"><a href="msg73508.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">f3e9c294-a6dc-415d-b152-26ff2511b0f9@e23g2000vbe.googlegroups.com</li> </ul> </div> </body> </html> <script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9c077adfc815e938',t:'MTc2ODgzNzc0NA=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>