Add content to a new open window

Question

I don t know how to solve this issue  I ve trying reading many post but no one answer to it   I need to open a new window with a page already coded  inside the same domain  and add some content   The problem is that if I use OpenWindow write   the page is not loaded yet or it overrides everything and only the code added through write appears   var OpenWindow   window open  mypage html    blank   width 335 height 330 resizable 1    OpenWindow document write output     output is the code I need to append   I need it to work at least on Firefox  IE and GC   Thanks in advance  It is not a problem if I need to use JQuery

User · Answer

Here is what you can try

Write a function say init() inside mypage.html that do the html thing ( append or what ever)
instead of OpenWindow.document.write(output); call OpenWindow.init() when the dom is ready

So the parent window will have

    OpenWindow.onload = function(){
       OpenWindow.init('test');
    }

and in the child

    function init(txt){
        $('#test').text(txt);
    }

User · Answer

When you call document write after a page has loaded it will eliminate all content and replace it with the parameter you provide   Instead use DOM methods to add content  for example   var OpenWindow   window open  mypage html    blank   width 335 height 330 resizable 1    var text   document createTextNode  hi    OpenWindow document body appendChild text     If you want to use jQuery you get some better APIs to deal with   For example   var OpenWindow   window open  mypage html    blank   width 335 height 330 resizable 1      OpenWindow document body  append   lt p gt hi lt  p gt       If you need the code to run after the new window s DOM is ready try   var OpenWindow   window open  mypage html    blank   width 335 height 330 resizable 1      OpenWindow document body  ready function           OpenWindow document body  append   lt p gt hi lt  p gt

User · Answer

If you want to open a page or window with sending data POST or GET method you can use a code like this     ajax       type   get       or post method  your choice     url  yourFileForInclude php     any url in same origin     data  data      data if you need send some data to page     success  function msg                   console log msg      for checking                 window open  about blank   document body innerHTML   msg

User · Answer

When You want to open new tab window  depends on Your browser configuration defaults    output    Hello  World    window open   document write output     When output is an Object and You want get JSON  for example  also can generate any type of document  even image encoded in Base64   output     a 1 b  2     window open  data application json      window btoa  base64   btoa JSON stringify output   JSON stringify output          Update      Google Chrome  60 0 3112 90  block this code       Not allowed to navigate top frame to data URL  data application json base64 eyJhIjoxLCJiIjoiMiJ9   When You want to append some data to existing page  output     lt h1 gt Hello  World  lt  h1 gt    window open  output html   document body innerHTML    output   output    Hello  World    window open  about blank   document body innerText    output

User · Answer

in parent html    lt script type  text javascript  gt        document  ready function              var output    data           var OpenWindow   window open  child html    mywin                OpenWindow dataFromParent   output     dataFromParent is a variable in child html         OpenWindow init             lt  script gt    in child html    lt script type  text javascript  gt      var dataFromParent          function init             document write dataFromParent          lt  script gt

[javascript] Add content to a new open window

Examples related to javascript

Examples related to jquery

Examples related to html