How can I launch a javascript from an ?</a></h1> </div> <div class="grid fw-wrap pb8 mb16 bb bc-black-075"> <div class="grid--cell ws-nowrap mr16 mb8" title="2016-01-12 19:07:53Z"> <span class="fc-light mr2">Asked</span> <time itemprop="dateCreated" datetime="2010-01-15T23:52:31.647" class="fromnow">Jan 15 '10 at 23:52</time> </div> <div class="grid--cell ws-nowrap mr16 mb8"> <span class="fc-light mr2">Active</span> <time class="fromnow" title="2020-10-29T04:52:28.183" datetime="2020-10-29T04:52:28.183">Oct 29 '20 at 04:52</a> </div> <div class="grid--cell ws-nowrap mb8" title="Viewed 397 times"> <span class="fc-light mr2">Viewed</span> 397 times </div> </div> <div id="mainbar" role="main" aria-label="questions and answers"> <div id="question" class="question" data-questionid="2075510" data-ownerid="139361" data-score="0"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="2075510"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> <button class="js-bookmark-btn s-btn s-btnunset c-pointer py4"> <svg aria-hidden="true" class="svg-icon iconBookmark" width="18" height="18" viewBox="0 0 18 18"><path d="M6 1a2 2 0 00-2 2v14l5-4 5 4V3a2 2 0 00-2-2H6zm3.9 3.83h2.9l-2.35 1.7.9 2.77L9 7.59l-2.35 1.7.9-2.76-2.35-1.7h2.9L9 2.06l.9 2.77z"></path></svg> <div class="js-bookmark-count mt4" data-value=""></div> </button> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>There is an iframe on the page.</p> <p>Can the parent document (iframe parent) be accessed from this iframe?</p> <p><em>What I want to do:</em> when the user presses a button inside iframe something happens on the main page</p> <p>Thanks!</p></div> <div class="mt24 mb12"> <div class="post-taglist grid gs4 gsy fd-column"> <div class="grid ps-relative"> <a href="../../questions/tagged/javascript" class="post-tag js-gps-track" title="show questions tagged 'javascript'" rel="tag">javascript</a> <a href="../../questions/tagged/html" class="post-tag js-gps-track" title="show questions tagged 'html'" rel="tag">html</a> <a href="../../questions/tagged/dom" class="post-tag js-gps-track" title="show questions tagged 'dom'" rel="tag">dom</a> <a href="../../questions/tagged/iframe" class="post-tag js-gps-track" title="show questions tagged 'iframe'" rel="tag">iframe</a> </div> </div> </div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature owner grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="asked Jan 15 '10 at 23:52">asked Jan 15 '10 at 23:52</time> <a href="../../users/139361/dan" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/139361.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Dan" /> </a> <div class="s-user-card--info"> <a href="../../users/139361/dan" class="s-user-card--link">Dan</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">55,715</li> <li class="s-award-bling s-award-blinggold" title="40 gold badges">40</li> <li class="s-award-bling s-award-blingsilver" title="116 silver badges">116</li> <li class="s-award-bling s-award-blingbronze" title="154 bronze badges">154</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-2075510" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="2075510" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-2005946" class="comment js-comment " data-comment-id="2005946" data-comment-owner-id="67153" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment2005946_2075510"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">duplicate of http://stackoverflow.com/questions/935127/how-to-access-parent-iframe-from-javascript</span> – <a href="../../users/67153/itay-moav-malimovka" title="52,579 reputation" class="comment-user ">Itay Moav -Malimovka</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/2075510/how-can-i-launch-a-javascript-from-an-iframe#comment2005946_2075510"><span title="2010-01-16T00:24:05.253 License: CC BY-SA 2.5" class="relativetime-clean">Jan 16 '10 at 00:24</span></a></span> </div> </div> </li> <li id="comment-22519390" class="comment js-comment " data-comment-id="22519390" data-comment-owner-id="139361" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment22519390_2075510"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">Can anyone tell a good link to cross-domain rules page?</span> – <a href="../../users/139361/dan" title="55,715 reputation" class="comment-user owner">Dan</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/2075510/how-can-i-launch-a-javascript-from-an-iframe#comment22519390_2075510"><span title="2013-04-05T08:43:42.103 License: CC BY-SA 3.0" class="relativetime-clean">Apr 05 '13 at 08:43</span></a></span> </div> </div> </li> <li id="comment-22519432" class="comment js-comment " data-comment-id="22519432" data-comment-owner-id="139361" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment22519432_2075510"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">This link tells enough http://en.wikipedia.org/wiki/Same_origin_policy</span> – <a href="../../users/139361/dan" title="55,715 reputation" class="comment-user owner">Dan</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/2075510/how-can-i-launch-a-javascript-from-an-iframe#comment22519432_2075510"><span title="2013-04-05T08:44:56.203 License: CC BY-SA 3.0" class="relativetime-clean">Apr 05 '13 at 08:44</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <div id="answers"> <a name="tab-top"></a> <div id="answers-header"> <div class="answers-subheader grid ai-center mb8"> <div class="grid--cell fl1"> <h2 class="mb0" data-answercount="9">3 Answers<span style="display:none;" itemprop="answerCount">3</span></h2> </div> </div> </div> <a name="2075521"></a> <div id="answer-2075521" class="answer accepted-answer" data-answerid="2075521" data-ownerid="210118" data-score="2" itemprop="acceptedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="2075521"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="2">2</div> <div class="js-accepted-answer-indicator grid--cell fc-green-500 py6 mtn8"><div class="ta-center"><svg aria-hidden="true" class="svg-icon iconCheckmarkLg" width="36" height="36" viewBox="0 0 36 36"><path d="m6 14 8 8L30 6v8L14 30l-8-8v-8z"></path></svg></div></div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>you tried parent.?</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jan 15 '10 at 23:55">answered Jan 15 '10 at 23:55</time> <a href="../../users/210118/brian" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/210118.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="brian" /> </a> <div class="s-user-card--info"> <a href="../../users/210118/brian" class="s-user-card--link">brian</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,080</li> <li class="s-award-bling s-award-blingsilver" title="9 silver badges">9</li> <li class="s-award-bling s-award-blingbronze" title="7 bronze badges">7</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> <a name="2075572"></a> <div id="answer-2075572" class="answer " data-answerid="2075572" data-ownerid="202431" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="2075572"> <button class="js-vote-up-btn grid--cell s-btn s-btn__unset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>If I understand correctly, this behavior is not allowed. An <code>iframe</code> would contain contents from some other domain, and if that domain could issue code to affect the elements of the first domain, security ruin would ensue. Read this info about the same-origin policy: <a class="external-link" href="http://en.wikipedia.org/wiki/Same_origin_policy" rel="nofollow noreferrer">http://en.wikipedia.org/wiki/Same_origin_policy</a></p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="edited Oct 29 '20 at 04:52">edited Oct 29 '20 at 04:52</time> <a href="../../users/11510181/alex" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/11510181.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="Alex" /> </a> <div class="s-user-card--info"> <a href="../../users/11510181/alex" class="s-user-card--link">Alex</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,457</li> <li class="s-award-bling s-award-blinggold" title="1 gold badge">1</li> <li class="s-award-bling s-award-blingsilver" title="13 silver badge">13</li> <li class="s-award-bling s-award-blingbronze" title="26 bronze badge">26</li> </ul> </div> </div> </div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jan 16 '10 at 00:08">answered Jan 16 '10 at 00:08</time> <a href="../../users/202431/d-c" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/202431.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="D.C." /> </a> <div class="s-user-card--info"> <a href="../../users/202431/d-c" class="s-user-card--link">D.C.</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">15,340</li> <li class="s-award-bling s-award-blinggold" title="19 gold badges">19</li> <li class="s-award-bling s-award-blingsilver" title="71 silver badges">71</li> <li class="s-award-bling s-award-blingbronze" title="102 bronze badges">102</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> <div id="comments-2075572" class="comments js-comments-container bt bc-black-075 mt12 " data-post-id="2075572" data-min-length="15"> <ul class="comments-list js-comments-list" data-remaining-comments-count="0" data-canpost="false" data-cansee="true" data-comments-unavailable="false" data-addlink-disabled="true"> <li id="comment-2006245" class="comment js-comment " data-comment-id="2006245" data-comment-owner-id="204346" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment2006245_2075572"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">no down vote from me, but an iframe doesn't necessarily have to have contents from another domain.</span> – <a href="../../users/204346/austeve" title="3,238 reputation" class="comment-user ">AUSteve</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/2075510/how-can-i-launch-a-javascript-from-an-iframe#comment2006245_2075572"><span title="2010-01-16T01:50:33.757 License: CC BY-SA 2.5" class="relativetime-clean">Jan 16 '10 at 01:50</span></a></span> </div> </div> </li> <li id="comment-2006362" class="comment js-comment " data-comment-id="2006362" data-comment-owner-id="202431" data-comment-score="0"> <div class="js-comment-actions comment-actions"> <div class="comment-score js-comment-edit-hide"> </div> </div> <div class="comment-text js-comment-text-and-form"> <a name="comment2006362_2075572"></a> <div class="comment-body js-comment-edit-hide"> <span class="comment-copy">ah good point, i should clarify to say IF an iframe contained data from another domain. Thanks.</span> – <a href="../../users/202431/d-c" title="15,340 reputation" class="comment-user ">D.C.</a> <span class="comment-date" dir="ltr"><a class="comment-link" href="../../questions/2075510/how-can-i-launch-a-javascript-from-an-iframe#comment2006362_2075572"><span title="2010-01-16T02:54:55.027 License: CC BY-SA 2.5" class="relativetime-clean">Jan 16 '10 at 02:54</span></a></span> </div> </div> </li> </ul> </div> </div> </div> </div> <a name="2075605"></a> <div id="answer-2075605" class="answer " data-answerid="2075605" data-ownerid="210118" data-score="0" itemprop="suggestedAnswer" itemscope="" itemtype="https://schema.org/Answer"> <div class="post-layout"> <div class="votecell post-layout--left"> <div class="js-voting-container grid jc-center fd-column ai-stretch gs4 fc-black-200" data-post-id="2075605"> <button class="js-vote-up-btn grid--cell s-btn s-btnunset c-pointer"><svg aria-hidden="true" class="m0 svg-icon iconArrowUpLg" width="36" height="36" viewBox="0 0 36 36"><path d="M2 26h32L18 10 2 26z"></path></svg></button> <div class="js-vote-count grid--cell fc-black-500 fs-title grid fd-column ai-center" itemprop="upvoteCount" data-value="0">0</div> </div> </div> <div class="postcell post-layout--right"> <div class="s-prose js-post-body" itemprop="text"><p>In my experience, it works, as long as its the same domain.</p></div> <div class="mb0"> <div class="mt16 grid gs8 gsy fw-wrap jc-end ai-start pt4 mb16"> <div class="grid--cell mr16 fl1 w96"></div> <div class="post-signature grid--cell"> <div class="s-user-card s-user-card"> <time class="s-user-card--time" datetime="answered Jan 16 '10 at 00:16">answered Jan 16 '10 at 00:16</time> <a href="../../users/210118/brian" class="s-avatar s-avatar32 s-user-card--avatar"> <img class="s-avatar--image" src="../../users/profiles/210118.webp" data-jdenticon-width="32" data-jdenticon-height="32" data-jdenticon-value="brian" /> </a> <div class="s-user-card--info"> <a href="../../users/210118/brian" class="s-user-card--link">brian</a> <ul class="s-user-card--awards"> <li class="s-user-card--rep" title="reputation score">1,080</li> <li class="s-award-bling s-award-blingsilver" title="9 silver badges">9</li> <li class="s-award-bling s-award-blingbronze" title="7 bronze badges">7</li> </ul> </div> </div> </div> </div> </div> </div> <div class="post-layout--right js-post-comments-component"> </div> </div> </div> </div> </div> </div> </div> <script src="../../static/js/stack-icons.js"></script> <script src="../../static/js/fromnow.js"></script> </body> </html>