Detecting the onload event of a window opened with window open

Question

window popup   window open   this  attr  href     Ad    left 20 top 20 width 500 height 500 toolbar 1 resizable 0       window popup  onload   function                             alert  Popup has loaded a page                 This doesn t work in any browser I ve tried it with  IE  Firefox  Chrome   How can I detect when a page is loaded in the window  like an iframe onload

User · Answer

This did the trick for me  full example   HTML    lt a href   my-popup php  class  import  gt Click for my popup on same domain lt  a gt    Javascript     function        var doc   document       jQuery   import   click function e           e preventDefault            window popup   window open jQuery this  attr  href     importwindow    width 500  height 200  top 100  left 200  toolbar 1             window popup onload   function                 window popup onbeforeunload   function                    doc location reload true     will refresh page after popup close

User · Answer

As noted at Detecting the onload event of a window opened with window open  the following solution is ideal     Internet Explorer will throw an error on one of the two statements  Firefox on the other one of the two      function ow        ow addEventListener  quot load quot   function     alert  quot loaded quot       false       ow attachEvent  quot onload quot   function     alert  quot loaded quot       false      window open prompt  quot Where are you going today  quot   location href    quot snapDown quot      Other comments and answers perpetrate several erroneous misconceptions as explained below  The following script demonstrates the fickleness of defining onload  Apply the script to a  quot fast loading quot  location for the window being opened  such as one with the file  scheme and compare this to a  quot slow quot  location to see the problem  it is possible to see either onload message or none at all  by reloading a loaded page all 3 variations can be seen   It is also assumed that the page being loaded itself does not define an onload event which would compound the problem  The onload definitions are evidently not  quot inside pop-up document markup quot   var popup   window open location href   quot snapDown quot    popup onload   function     alert  quot message one quot       alert  quot message 1 maybe too soon n quot    popup onload   popup onload   function     alert  quot message two quot       alert  quot message 2 maybe too late n quot    popup onload    What you can do   open a window with a  quot foreign quot  URL on that window s address bar enter a javascript  URI -- the code will run with the same privileges as the domain of the  quot foreign quot  URL The javascript  URI may need to be bookmarked if typing it in the address bar has no effect  may be the case with some browsers released around 2012   Thus any page  well almost  irregardless of origin  can be modified like  if confirm  quot wipe out links  amp  anchors  n quot    document body innerHTML       void document body innerHTML document body innerHTML replace   lt a  g  quot  lt  a  quot     Well  almost  jar file    usr lib firefox omni ja  chrome toolkit content global aboutSupport xhtml  Mozilla Firefox s troubleshooting page and other Jar archives are exceptions  As another example  to routinely disable Google s usurping of target hits  change its rwt function with the following URI  javascript  void rwt   function unusurpURL    return unusurpURL       Optionally Bookmark the above as e g   quot Spay Google quot    quot neutralize Google quot    This bookmark is then clicked before any Google hits are clicked  so bookmarks of any of those hits are clean and not the mongrelized perverted aberrations that Google made of them  Tests done with Mozilla 5 0  X11  Ubuntu  Linux i686  rv 11 0  Gecko 20100101 Firefox 11 0 UA string  It should be noted that addEventListener in Firefox only has a non-standard fourth  boolean parameter  which if true allows untrusted content triggers to be instantiated for foreign pages  Reference  element addEventListener   Document Object Model  DOM    MDN  Interaction between privileged and non-privileged pages   Code snippets   MDN

User · Answer

var myPopup   window open       myPopup addEventListener  load   myFunction  false    If you care about IE  use the following as the second line instead   myPopup myPopup addEventListener    addEventListener     attachEvent       myPopup attachEvent    on           load   myFunction  false     As you can see  supporting IE is quite cumbersome and should be avoided if possible  I mean  if you need to support IE because of your audience  by all means  do so

User · Answer

The core problem seems to be you are opening a window to show a page whose content is already cached in the browser  Therefore no loading happens and therefore no load-event happens   One possibility could be to use the  pageshow  -event instead  as described in   https   support microsoft com en-us help 3011939 onload-event-does-not-occur-when-clicking-the-back-button-to-a-previou

User · Answer

If the pop-up s document is from a different domain  this is simply not possible   Update April 2015  I was wrong about this  if you own both domains  you can use window postMessage and the message event in pretty much all browsers that are relevant today   If not  there s still no way you ll be able to make this work cross-browser without some help from the document being loaded into the pop-up  You need to be able to detect a change in the pop-up that occurs once it has loaded  which could be a variable that JavaScript in the pop-up page sets when it handles its own load event  or if you have some control of it you could add a call to a function in the opener

User · Answer

onload event handler must be inside popup s HTML  lt body gt  markup

User · Answer

First of all  when your first initial window is loaded  it is cached  Therefore  when creating a new window from the first window  the contents of the new window are not loaded from the server  but are loaded from the cache  Consequently  no onload event occurs when you create the new window   However  in this case  an onpageshow event occurs  It always occurs after the onload event and even when the page is loaded from cache  Plus  it now supported by all major browsers    window popup   window open   this  attr  href     Ad    left 20 top 20 width 500 height 500 toolbar 1 resizable 0       window popup  onpageshow   function          alert  Popup has loaded a page          The w3school website elaborates more on this      The onpageshow event is similar to the onload event  except that it occurs after the onload event when the page first loads  Also  the onpageshow event occurs every time the page is loaded  whereas the onload event does not occur when the page is loaded from the cache

[javascript] Detecting the onload event of a window opened with window.open

Examples related to javascript

Examples related to internet-explorer

Examples related to firefox

Examples related to google-chrome

[javascript] Detecting the onload event of a window opened with window.open

Examples related to javascript

Examples related to internet-explorer

Examples related to firefox

Examples related to google-chrome

Examples related to popup