HTML5 – Cross Browser iframe postMessage – child to parent?

by 
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var eventer = window[eventMethod];
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";

// Listen to message from child window
eventer(messageEvent,function(e) {
    var key = e.message ? "message" : "data";
    var data = e[key];
    //run function//
},false);

Got it to work with the above in the parent page and the following in the child page –
   

parent.postMessage("loadMyOrders","*");  //  `*` on any domain

Code copied from here.

More Related Contents:

  1. html form that passes information to a variable in javascript [closed]
  2. How do I load an HTML page in a div using JavaScript?
  3. How does the paste image from clipboard functionality work in Gmail and Google Chrome 12+?
  4. When to use functional setState
  5. How does Content Security Policy (CSP) work?
  6. Zoom in on a point (using scale and translate)
  7. \u200b (Zero width space) characters in my JS code. Where did they come from?
  8. How do I remove tinyMCE and then re-add it?
  9. replace innerHTML in contenteditable div
  10. Does the onchange event propagate?
  11. width/height after transform
  12. putting html inside an iframe (using javascript)
  13. javascript beforeunload detect refresh versus close
  14. How do I abort image load requests without using window.stop()
  15. Chrome FileReader
  16. Div Z-Index issue with Flash movie
  17. createElement vs. createElementNS
  18. Doing links like Twitter, Hash-Bang #! URL’s [duplicate]
  19. gapless looping audio html5
  20. Redirect automatically when selecting an item from a select drop-down list
  21. How to change the playing speed of videos in HTML5?
  22. bootstrap popover not showing on top of all elements
  23. How to pass variable value between different html pages in javascript
  24. Force page zoom at 100% with JS
  25. Attach a blob to an input of type file in a form
  26. What is the difference between `firstChild` and `firstElementChild`?
  27. Pausing CSS animation with javascript and also jumping to a specific place in the animation
  28. How do I export multiple html tables to excel?
  29. Find caret position in textarea in pixels [duplicate]
  30. Form submit button will not submit when name of button is “submit” [duplicate]

Leave a Comment