How to close an iframe within iframe itself

Question

How do I use javascript or jQuery to close an iframe within iframe itself  I ve tried  lt a href  javascript self close    gt  but it didn t work

User · Accepted Answer

Closing  the current iFrame is not possible but you can tell the parent to manipulate the dom and make it invisible   In IFrame   parent closeIFrame      In parent   function closeIFrame             youriframeid   remove

User · Answer

None of this solution worked for me since I m in a cross-domain scenario creating a bookmarklet like Pinterest s Pin It   I ve found a bookmarklet template on GitHub https   gist github com kn0ll 1020251 that solved the problem of closing the Iframe sending the command from within it   Since I can t access any element from parent window within the IFrame  this communication can only be made posting events between the two windows using window postMessage  All these steps are on the GitHub link   1- You have to inject a JS file on the parent page   2- In this file injected on the parent  add a window event listner       window addEventListener  message   function e           var someIframe   window parent document getElementById  iframeid           someIframe parentNode removeChild window parent document getElementById  iframeid               This listener will handle the close and any other event you wish  3- Inside the Iframe page you send the close command via postMessage        this  trigger  post-message                          event   unload-bookmarklet                         Follow the template on https   gist github com kn0ll 1020251 and you ll be fine   Hope it helps

User · Answer

its kind of hacky but it works well-ish   function close frame        if  window should close           window should close 1       else if window should close  1           location reload              or iframe hide or whatever             lt iframe src  iframe index php  onload  close frame    gt  lt  iframe gt    then inside the frame      close modal main   click function            window location    iframe index php close 1         and if you want to get fancy through a  if isset   GET  close        die      at the top of your frame page to make that reload unnoticeable  so basically the first time the frame loads it doesnt hide itself but the next time it loads itll call the onload function and the parent will have a the window var causing the frame to close

User · Answer

function closeWin        Tested Code   var someIframe   window parent document getElementById  iframe callback    someIframe parentNode removeChild window parent document getElementById  iframe callback          lt input class  question  name  Close  type  button  value  Close  onClick  closeWin    tabindex  10    gt

User · Answer

Use this to remove iframe from parent within iframe itself  frameElement parentNode removeChild frameElement    It works with same origin only not allowed with cross origin

[javascript] How to close an iframe within iframe itself

Examples related to javascript

Examples related to jquery

Examples related to iframe