Dar estilos antes de imprimir
Publicado por sam (106 intervenciones) el 01/05/2019 20:13:38
Hola amigas/os a ver si me pueden ayudar con esto:
Tengo un codigo javascript que me funciona bien y me imprime el contenido.
Pero cuando le quiero dar estilos css no me los detecta.
quiero dar estilos concretamente a donde pone "elemento.innerHTML", que es
el contenido que debe imprimir miren este es el codigo:
Intuyo que donde pone "window.open", ahí no es donde se dan los estilos css ya que solo afectan al contenedor pero no al contenido.
Gracias de antemano.
Tengo un codigo javascript que me funciona bien y me imprime el contenido.
Pero cuando le quiero dar estilos css no me los detecta.
quiero dar estilos concretamente a donde pone "elemento.innerHTML", que es
el contenido que debe imprimir miren este es el codigo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
function imprimirElemento(elemento)
{
var ventana = window.open('', 'PRINT', 'height=1122,width=793');
ventana.document.write('<html><head><title>' + document.title + '</title>');
ventana.document.write('</head><body>');
ventana.document.write('<div style="width:600px; height:800px;">' + elemento.innerHTML + '</div>');
ventana.document.write('</body></html>');
ventana.document.close();
ventana.focus();
ventana.print();
ventana.close();
return true;
}
document.querySelector(".btn_imprimir").addEventListener("click", function()
{
var div = document.querySelector(".imprimir_listado");
imprimirElemento(div);
});
Intuyo que donde pone "window.open", ahí no es donde se dan los estilos css ya que solo afectan al contenedor pero no al contenido.
Gracias de antemano.
Valora esta pregunta
0