Open a new javascript window(.open) along with its CSS styling

Question

I\'m trying to get this function to work on the website of a project I\'m working on. The purpose of this function is to only (physically) print the contents of a child div

Answer 1

I also had the problem with CSS loading after the page rendering, so solution was to read the css file content and write it to the new document:

    var w = window.open();
    jQuery.get('/styles.css', function (data) {
        w.document.write('');
        w.document.write($('.print-content').html());
        w.document.write('');
        w.print();
        w.close();
    });