No se puede insertar la hoja de estilo / script en window.open
He estado luchando contra este problema durante bastante tiempo y no he podido (todavía) imprimir mi div con su estilo.
Actualmente, mi script es:
$('#printMeButton').click(function () {
//alert("a");
var data = document.getElementById('thisPrintableTable').outerHTML;
var mywindow = window.open('', data);
mywindow.document.write('<html><head><title>Print Me!!!</title>');
// mywindow.document.write('<link rel="stylesheet" type="text/css" href="Site.css" media="screen">');
mywindow.document.write('</head><body>');
mywindow.document.write(data);
mywindow.document.write('</body></html>');
mywindow.document.close();
mywindow.focus();
mywindow.print();
mywindow.close();
return true;
});
que está anidado dentro de un$(document).ready
función.
Cuando incluyo la hoja de estilo deseada (actualmente comentada), no aparece nada en la vista previa de impresión.
También tengo un script que tiene un efecto en la apariencia de la tabla y, como tal, creo que esto puede ser la clave para incluirlos en la ventana emergente.
¿Cómo puedo incluir esto en la nueva ventana emergente?
¿Podría alguien sugerir una forma de imprimir esto tal como está?
Editar historial
espacio eliminado al final de</head><body>
Cambiadovar data
tenerouterHTML
en lugar deinnerHTML
Pregunta / detalles alterados por una mejor comprensión del problema