tablas - media print css

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

Question

Intento ocultar algunos div antes de que el usuario imprima esta forma gigante, luego mostrar los divs nuevamente después. Por lo tanto, quiero ignorar el resto de la página y solo imprimir el formulario.

Claro que podría abrir una página por separado cuando el usuario haga clic en el botón Imprimir. Lo único es que la forma es muy larga y sería bastante tedioso hacer eso.

Editar: Mi pregunta anterior en realidad no reflejaba lo que estaba buscando. Así que lo cambié al actual.

También gracias a todas las ventanas sugeridas. Antes de la impresión y de la ventana. Después de la impresión. Eso fue relevante para mi pregunta editada.

Answer 1

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

Answer 2

Realmente deberías implementar esto como medios 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 estilos. Ver este artículo

Answer 3

Primero, The Ok Way:

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

Ahora, la Mejor Manera:

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

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

Luego, tendrías esto en tu hoja de estilo:

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

Otra opción

También puede poner esto en una hoja de estilos separada si lo desea para que no tenga 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 4

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

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

Ver también: esta respuesta