javascript - How to append a chunk of html to a loaded html page using window.open() method -
i'm trying append chunk of html loaded html page via window.open() method. example chunk of html string.
var w = window.open('mypage.html, 'windowname', 'scrollbars=yes,location=no,toolbar=no,status=no,width=500,height=550,left=300,top=50'); var htmlchunk = '<span>bla bla</span>' $(w.document.body).append( htmlchunk );
$(w.document.body) doesn't seem able body tag on mypage.html inside popup.
i tried using ready method.
$(w.document.body).ready(function(){ $(this).find('body').append(htmlchunk); });
this didn't work either appending window below popup.
just clear here i'm not looking add js mypage.html directly. need able access popup mypage.html body tag , append chunk of html that. setup, have js file inside main.html page. in main.html page have link has click event on setup inside js file. call popup , capture block of html main.html page append mypage.html inside popup.
you can this:
$(w).on("load", function(){ $("body", w.document).append( htmlchunk ); });
the onload event handler makes code wait until new window has been created, , using w.document
jquery's second argument sets context on new window. cannot run jquery instance child window because doesn't load jquery.