¿Cómo imprimir solo partes de una página?

Question

Estoy tratando de ocultar algunos divs antes de que el usuario imprima esta forma gigante y luego vuelva a mostrar los divs. Por lo tanto, quiero ignorar el resto de la página y solo imprimir el formulario.

Claro que podría abrir una página separada cuando el usuario haga clic en el botón Imprimir. Lo único es que el formulario es realmente largo y sería bastante tedioso hacerlo.

Edit: Mi pregunta anterior no reflejaba lo que estaba buscando. Así que lo cambié por el actual.

También gracias a todo lo que sugirió window.onbeforeprint y window.onafterprint. Eso fue relevante para mi pregunta editada.

Answer 1

IE admite onbeforeprint y onafterprint , pero lo que realmente desea es una hoja de estilo de impresión.

<link rel="stylesheet" type="text/css" media="print" href="print.css">

Vea también: esta respuesta

Answer 2

Primero, el camino correcto:

Eche un vistazo a window.onbeforeprint y window.onafterprint (creo que la pregunta original era cómo hacerlo programáticamente).

Ahora, la mejor manera:

Una mejor manera de hacerlo es con un estilo que sea específicamente para imprimir. En otras palabras, tu div podría verse así:

<div class="someClass noPrint">My Info</div>

Entonces tendrías esto en tu hoja de estilo:

.someClass {font-family:arial;}
@media print {
    .noPrint { display: none; }
} 

Otra opción

También puedes poner esto en una hoja de estilo por separado si lo deseas, para que no tengas que mezclar estilos:

<link rel="stylesheet" type="text/css" media="print" href="print.css">

Su hoja de estilo de pantalla podría tener " .someClass " definido de una manera y luego su hoja de estilo de impresión podría tenerlo definido de una manera completamente diferente.

Answer 3

Es posible que desee considerar la creación de una hoja de estilo específicamente para imprimir utilizando media = " print "

Answer 4

Realmente deberías implementar esto como medio CSS = estilos de impresión. El atributo de medios del elemento de enlace se puede usar para seleccionar a qué medios se aplica una hoja de estilo. Consulte este artículo