Popup a div in a new windows but preserve css and scripts

Question

I'm following this example: Write Content To New Window with JQuery to popup a div in a new window. The problem is that I also need to include the css and script files.

Code:

var w = window.open();
var html = $("#modal").html();

$(w.document.body).html(html);

It works fine but looks ugly.

How can I add the css and the js script to the header?

This is working:

$(w.document.head).append('<link rel="stylesheet" href="plugin/flexigrid/css/flexigrid.pack.css" />');

But this is not:

$(w.document.head).append('<script src="plugin/flexigrid/js/flexigrid.js"><\/script>');

You might be better off just creating a new page to open in the popup instead. — Blazemonger, Jun 25 '14 at 20:00

Kristoffer Jälén · Accepted Answer · 2014-06-25T20:13:29.057

1

$(w.document.head).append('<link rel="stylesheet" type="text/css" href="styles.css">');
$(w.document.head).append('<script src="scripts.js"><\/script>');

Fiddle: http://jsfiddle.net/ypAsY/1196/

edited Jun 25 '14 at 20:13

answered Jun 25 '14 at 19:59

Kristoffer Jälén

4,112
3
30
54

It works for the css but it doesnt work for the js. Why would that be? – Martin Jun 25 '14 at 20:10
Escape the closing `script` tag with a backslash (answer updated). – Kristoffer Jälén Jun 25 '14 at 20:14
Oh nevermind. I'll fix it somehow. Thank you very much. – Martin Jun 25 '14 at 20:20
Your "foo" script works for me. It shows the alert, but when I inspect the sourcecode of the page the script is not there :/. – Martin Jun 25 '14 at 20:23

Popup a div in a new windows but preserve css and scripts

1 Answers1