Dar estilos antes de imprimir

mensajeescrito · #1 (**permalink**) 01/05/2019, 11:52

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:

Código Javascript:

Ver originalfunction 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.

ArturoGallegos · #2 (**permalink**) 01/05/2019, 12:36

Intenta con esto

Código Javascript:

Ver originalventana.document.write('<html><head><title>' + document.title + '</title>');
ventana.document.write('<style>body{font:15px/1.5 arial,verdana,tahoma;color:#f30;}</style>');
ventana.document.write('</head><body>');

mensajeescrito · #3 (**permalink**) 02/05/2019, 09:08

gracias por la ayuda me sirviode mucho!!!