Las utilidades del CSS son infinitas y cuando más descubres, más caminos encuentras donde descubrir funciones y funcionalidades increibles. Una de ellas, aunque es realmente tonta es la manera de hacer que no se impriman ciertos elementos de la página.
Para ello podemos usar JS para ocultar previamente los campos a ocultar, usando visibility:hidden; o display:none;, siendo algo un poco engorroso ya que luego has de volver a hacerlos visibles.
Mediante el uso de CSS puedes definir un clase o modificar las clases ya existentes para conseguir que el encargado de gestionar esto sea CSS en vez de una función javascript.
<style type="text/css">
@media print {
.oculto {display:none}
}
</style>
<input type="button" class="oculto" value="Imprimir" onClick="window.print()">De esta forma estamos definiendo que para el modo @media print (impresora) la clase .oculto esté a display:none; siendo visible en el modo pantalla.
Actualizo
Más información acerca de los media type de CSS.
Via | ClubDelphi
4 comentarios, 2 referencias
+
#