Inicio > Programación Web > Javascript: imprimir páginas amigablemente

Javascript: imprimir páginas amigablemente

lunes, 15 de abril de 2024 Dejar un comentario Ir a comentarios

Muchas aplicaciones tienen una versión para «imprimir amigablemente» diferentes documentos. Se elimina toda la navegación y otros elementos y sólo proporciona algo que se pueda imprimir. Esto se puede hacer con CSS, pero puedes haber decidido elegir no poner en práctica otra hoja de estilos para impresión. Por ejemplo, muchas veces es más reconfortante para el usuario final saber con seguridad todo lo que no se imprimirá. Muchos usuarios están familiarizados con una «impresión amigable» que aparece en las aplicaciones y puede tomar tiempo para que se familiarice lo suficiente como para darse cuenta de que el CSS puede hacer esto por él. Claro que pueden existir otras razones.


Así que vamos a asumir que cuando tienes un enlace «imprimir amigablemente» que lleva al usuario a otra página (tal vez se abre una nueva ventana del navegador, pero no tiene por qué) que contiene sólo las cosas que el usuario desea imprimir. Puedes hacer la página aún más beneficiosa para el usuario con una sola línea de código JavaScript.

En el evento «onLoad» de la página, debes agregar una línea de JavaScript que trae la capacidad de impresión del navegador y cerrar la ventana (si se abre otra ventana) o retrocede a la página anterior (si no se abre otra ventana). En el ejemplo en que se abra una nueva ventana, aquí está el código JavaScript que puede poner en el evento onLoad:

if (window.print) { window.print(); window.close(); } 

Cuando la página se haya cargado, la caja de dialogo de la impresora se abrirá, lo que permite al usuario imprimir el documento y, a continuación, después de que el diálogo de impresión se cierre (porque el usuario hace clic en Aceptar o Cancelar) la ventana «imprimir amigablemente» se cerrará. Esto sólo hace las cosas más fáciles para los usuarios – que haga clic en el enlace «imprimir», ya que desea imprimir, ¿no?

Comparte y diviertete:
  • Print
  • Digg
  • StumbleUpon
  • del.icio.us
  • Facebook
  • Yahoo! Buzz
  • Twitter
  • Google Bookmarks
  • BarraPunto
  • Bitacoras.com
  • BlinkList
  • Blogosphere
  • Live
  • Meneame
  • MSN Reporter
  • MySpace
  • RSS
  • Suggest to Techmeme via Twitter
  • Technorati
  • LinkedIn
  • email
  • FriendFeed
  • PDF
  • Reddit
  • Wikio IT
  • Add to favorites
  • blogmarks
Top Footer