How can I insert all of a parent window's stylesheets into an iframe's head(samedomain)?
My attempted code based on a similar question:
function () {
var d = frames[0].document;
var stylesheets = $("link").outerhtml;
d.open();
d.write(
'<html><head>'+
stylesheets +
'<style type="text/css">'+
'<\/style><\/head><body><\/body><\/html>'
);
d.close();
}
Clearly this does not work outside of IE. Thanks in advance.
Edit: Attempt based on Anthony's answer:
$("link[type='text/css']").each(function() {
var stylesheet = $(this).clone();
$("iframe").contents().find("head").append(stylesheet);
});