Ver Mensaje Individual
  #1 (permalink)  
Antiguo 01/05/2019, 11:52
mensajeescrito
 
Fecha de Ingreso: mayo-2012
Mensajes: 760
Antigüedad: 12 años, 7 meses
Puntos: 5
Dar estilos antes de imprimir

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 original
  1. function imprimirElemento(elemento)
  2.  
  3.     {
  4.         var ventana = window.open('', 'PRINT', 'height=1122,width=793');
  5.  
  6.  
  7.  
  8.         ventana.document.write('<html><head><title>' + document.title + '</title>');
  9.  
  10.         ventana.document.write('</head><body>');
  11.  
  12.         ventana.document.write('<div style="width:600px; height:800px;">' + elemento.innerHTML + '</div>');
  13.  
  14.         ventana.document.write('</body></html>');
  15.  
  16.         ventana.document.close();
  17.  
  18.         ventana.focus();
  19.  
  20.         ventana.print();
  21.  
  22.         ventana.close();
  23.  
  24.  
  25.  
  26.         return true;
  27.     }
  28.  
  29.  
  30.  
  31. document.querySelector(".btn_imprimir").addEventListener("click", function()
  32.  
  33.     {
  34.         var div = document.querySelector(".imprimir_listado");
  35.  
  36.         imprimirElemento(div);
  37.     });

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.