Prevent iframe from redirecting parent without touching iframe codeRemove border from IFrameInvoking JavaScript code in an iframe from the parent pageRedirect parent window from an iframe actionHow to prevent buttons from submitting formsCalling a parent window function from an iframePreventing iframe caching in browserInvoking a function in an iframe from the parent windowMake iframe automatically adjust height according to the contents without using scrollbar?Post to iframe target: cannot get response from iframeCalling a script from popup widow to iframe on parent

Rock identification in KY

How do I deal with an unproductive colleague in a small company?

Languages that we cannot (dis)prove to be Context-Free

Why "Having chlorophyll without photosynthesis is actually very dangerous" and "like living with a bomb"?

Cross compiling for RPi - error while loading shared libraries

Client team has low performances and low technical skills: we always fix their work and now they stop collaborate with us. How to solve?

DC-DC converter from low voltage at high current, to high voltage at low current

"You are your self first supporter", a more proper way to say it

Do I have a twin with permutated remainders?

Could an aircraft fly or hover using only jets of compressed air?

What does it mean to describe someone as a butt steak?

How to format long polynomial?

Why doesn't Newton's third law mean a person bounces back to where they started when they hit the ground?

If human space travel is limited by the G force vulnerability, is there a way to counter G forces?

Why does Kotter return in Welcome Back Kotter?

Is it inappropriate for a student to attend their mentor's dissertation defense?

Does detail obscure or enhance action?

Can an x86 CPU running in real mode be considered to be basically an 8086 CPU?

Why is consensus so controversial in Britain?

How old can references or sources in a thesis be?

Watching something be written to a file live with tail

What is the word for reserving something for yourself before others do?

Maximum likelihood parameters deviate from posterior distributions

How can I prevent hyper evolved versions of regular creatures from wiping out their cousins?



Prevent iframe from redirecting parent without touching iframe code


Remove border from IFrameInvoking JavaScript code in an iframe from the parent pageRedirect parent window from an iframe actionHow to prevent buttons from submitting formsCalling a parent window function from an iframePreventing iframe caching in browserInvoking a function in an iframe from the parent windowMake iframe automatically adjust height according to the contents without using scrollbar?Post to iframe target: cannot get response from iframeCalling a script from popup widow to iframe on parent






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;








0















My demo: https://enfrte.neocities.org/code-examples/iframe.html



Hi, I have a local page that contains an iframe with a function that redirects the local page, if an event is clicked (the "Stop me loading" button).



On the local page I have a function that is attached to the redirect button in the iframe, but fails to prevent the page from redirecting because it gets called after the redirect function in the iframe.



Is there any way I can prevent the function executed in the iframe from running, using a function attached to the local scope triggered by the button in the iframe. I'm unable to edit the iframe content in my scenario, even thought it's on the same server.



Thanks.



Local page



<body>

<h3>Objective</h3>
<p>Get NeoCities iframe buttons to also call local function alert.</p>

<h3>iframe content in pink</h3>
<iframe id="neocities-iframe" src="https://enfrte.neocities.org/code-examples/button.html"></iframe>

<p>
<button id="local_bt" data-bt="Local Button" type="button">Local Button</button>
</p>

<script>

document.querySelector('#neocities-iframe').onload = function()

document.querySelector('button').addEventListener('click', local);

function local(e)
</script>
</body>


Content of iframe





<button id="nc_1" data-bt="NeoCities One" type="button">NeoCities button 1</button>
<button id="nc_redirect" data-bt="NeoCities Loader" type="button">Stop me loading!</button>

<script>
document.querySelector('#nc_1').addEventListener('click', btFun);
document.querySelector('#nc_redirect').addEventListener('click', redirect);

function btFun(e)
alert(e.target.value

function redirect()
console.log('redirect called');
//window.location.assign("image.html");
window.top.location.href = "image.html";

</script>











share|improve this question




























    0















    My demo: https://enfrte.neocities.org/code-examples/iframe.html



    Hi, I have a local page that contains an iframe with a function that redirects the local page, if an event is clicked (the "Stop me loading" button).



    On the local page I have a function that is attached to the redirect button in the iframe, but fails to prevent the page from redirecting because it gets called after the redirect function in the iframe.



    Is there any way I can prevent the function executed in the iframe from running, using a function attached to the local scope triggered by the button in the iframe. I'm unable to edit the iframe content in my scenario, even thought it's on the same server.



    Thanks.



    Local page



    <body>

    <h3>Objective</h3>
    <p>Get NeoCities iframe buttons to also call local function alert.</p>

    <h3>iframe content in pink</h3>
    <iframe id="neocities-iframe" src="https://enfrte.neocities.org/code-examples/button.html"></iframe>

    <p>
    <button id="local_bt" data-bt="Local Button" type="button">Local Button</button>
    </p>

    <script>

    document.querySelector('#neocities-iframe').onload = function()

    document.querySelector('button').addEventListener('click', local);

    function local(e)
    </script>
    </body>


    Content of iframe





    <button id="nc_1" data-bt="NeoCities One" type="button">NeoCities button 1</button>
    <button id="nc_redirect" data-bt="NeoCities Loader" type="button">Stop me loading!</button>

    <script>
    document.querySelector('#nc_1').addEventListener('click', btFun);
    document.querySelector('#nc_redirect').addEventListener('click', redirect);

    function btFun(e)
    alert(e.target.value

    function redirect()
    console.log('redirect called');
    //window.location.assign("image.html");
    window.top.location.href = "image.html";

    </script>











    share|improve this question
























      0












      0








      0


      1






      My demo: https://enfrte.neocities.org/code-examples/iframe.html



      Hi, I have a local page that contains an iframe with a function that redirects the local page, if an event is clicked (the "Stop me loading" button).



      On the local page I have a function that is attached to the redirect button in the iframe, but fails to prevent the page from redirecting because it gets called after the redirect function in the iframe.



      Is there any way I can prevent the function executed in the iframe from running, using a function attached to the local scope triggered by the button in the iframe. I'm unable to edit the iframe content in my scenario, even thought it's on the same server.



      Thanks.



      Local page



      <body>

      <h3>Objective</h3>
      <p>Get NeoCities iframe buttons to also call local function alert.</p>

      <h3>iframe content in pink</h3>
      <iframe id="neocities-iframe" src="https://enfrte.neocities.org/code-examples/button.html"></iframe>

      <p>
      <button id="local_bt" data-bt="Local Button" type="button">Local Button</button>
      </p>

      <script>

      document.querySelector('#neocities-iframe').onload = function()

      document.querySelector('button').addEventListener('click', local);

      function local(e)
      </script>
      </body>


      Content of iframe





      <button id="nc_1" data-bt="NeoCities One" type="button">NeoCities button 1</button>
      <button id="nc_redirect" data-bt="NeoCities Loader" type="button">Stop me loading!</button>

      <script>
      document.querySelector('#nc_1').addEventListener('click', btFun);
      document.querySelector('#nc_redirect').addEventListener('click', redirect);

      function btFun(e)
      alert(e.target.value

      function redirect()
      console.log('redirect called');
      //window.location.assign("image.html");
      window.top.location.href = "image.html";

      </script>











      share|improve this question














      My demo: https://enfrte.neocities.org/code-examples/iframe.html



      Hi, I have a local page that contains an iframe with a function that redirects the local page, if an event is clicked (the "Stop me loading" button).



      On the local page I have a function that is attached to the redirect button in the iframe, but fails to prevent the page from redirecting because it gets called after the redirect function in the iframe.



      Is there any way I can prevent the function executed in the iframe from running, using a function attached to the local scope triggered by the button in the iframe. I'm unable to edit the iframe content in my scenario, even thought it's on the same server.



      Thanks.



      Local page



      <body>

      <h3>Objective</h3>
      <p>Get NeoCities iframe buttons to also call local function alert.</p>

      <h3>iframe content in pink</h3>
      <iframe id="neocities-iframe" src="https://enfrte.neocities.org/code-examples/button.html"></iframe>

      <p>
      <button id="local_bt" data-bt="Local Button" type="button">Local Button</button>
      </p>

      <script>

      document.querySelector('#neocities-iframe').onload = function()

      document.querySelector('button').addEventListener('click', local);

      function local(e)
      </script>
      </body>


      Content of iframe





      <button id="nc_1" data-bt="NeoCities One" type="button">NeoCities button 1</button>
      <button id="nc_redirect" data-bt="NeoCities Loader" type="button">Stop me loading!</button>

      <script>
      document.querySelector('#nc_1').addEventListener('click', btFun);
      document.querySelector('#nc_redirect').addEventListener('click', redirect);

      function btFun(e)
      alert(e.target.value

      function redirect()
      console.log('redirect called');
      //window.location.assign("image.html");
      window.top.location.href = "image.html";

      </script>








      javascript iframe






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Mar 9 at 0:58









      user3442612user3442612

      59811021




      59811021






















          0






          active

          oldest

          votes












          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          autoActivateHeartbeat: false,
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













          draft saved

          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55072960%2fprevent-iframe-from-redirecting-parent-without-touching-iframe-code%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          0






          active

          oldest

          votes








          0






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes















          draft saved

          draft discarded
















































          Thanks for contributing an answer to Stack Overflow!


          • Please be sure to answer the question. Provide details and share your research!

          But avoid


          • Asking for help, clarification, or responding to other answers.

          • Making statements based on opinion; back them up with references or personal experience.

          To learn more, see our tips on writing great answers.




          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f55072960%2fprevent-iframe-from-redirecting-parent-without-touching-iframe-code%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          How to get text form Clipboard with JavaScript in Firefox 56?How to validate an email address in JavaScript?How do JavaScript closures work?How do I remove a property from a JavaScript object?How do you get a timestamp in JavaScript?How do I copy to the clipboard in JavaScript?How do I include a JavaScript file in another JavaScript file?Get the current URL with JavaScript?How to replace all occurrences of a string in JavaScriptHow to check whether a string contains a substring in JavaScript?How do I remove a particular element from an array in JavaScript?

          Can't initialize raids on a new ASUS Prime B360M-A motherboard2019 Community Moderator ElectionSimilar to RAID config yet more like mirroring solution?Can't get motherboard serial numberWhy does the BIOS entry point start with a WBINVD instruction?UEFI performance Asus Maximus V Extreme

          List of MPs elected to the English parliament in 1640 (April) Contents List of constituencies and members See also Notes References Navigation menueNational Archives – The Glynde Place ArchivesCobbett's Parliamentary history of England, from the Norman Conquest in 1066 to the year 1803'Aldermen in Parliament', The Aldermen of the City of London: Temp. Henry III – 1912onepage&q&f&#61, false 229