Cómo establecer un enlace para imprimir documentos en línea

Escrito por mara shannon | Traducido por carlos alberto feruglio
  • Comparte
  • Twittea
  • Comparte
  • Pin
  • E-mail
Cómo establecer un enlace para imprimir documentos en línea
Si deseas dar a tus lectores del sitio web una manera fácil de imprimir páginas web, puedes añadir un enlace o botón de impresión utilizando JavaScript. (Dick Luria/Photodisc/Getty Images)

Si deseas dar a tus lectores del sitio web una manera fácil de imprimir páginas web, puedes añadir un enlace o botón de impresión utilizando JavaScript. Esto no va a imprimir la página de forma automática, sino que hará que la ventana de impresión aparezca de modo que el lector pueda decidir si debe imprimir la página y en qué impresora. Si tu página web no es muy amigable para imprimir (por ejemplo, tiene muchos anuncios o imágenes), puedes crear un enlace que abrirá una nueva página, para imprimir y automáticamente llevar al lector a imprimir.

Nivel de dificultad:
Moderado

Otras personas están leyendo

Instrucciones

    Enlace o botón para imprimir con JavaScript

  1. 1

    Crea un enlace de texto con la función JavaScript “window:print()”. Debería verse como “<a href=\"javascript:window.print()\">Print</a>”, con cualquier texto que te guste en lugar de “Print”.

  2. 2

    Agrega el enlace de arriba a una imagen; por ejemplo “<a href=”javascript:window.print()”><img src=”print.jpg” /></a>”. La imagen debe ser algo obvio para el lector a fin de que se dé cuenta de que puede hacer clic para imprimir la página.

  3. 3

    Crea un botón que imprima la página cuando hagas clic. Usa el código“<form><input type=button onclick=\"window.print()\" value=”Print”></form>”, reemplazando “Print” con “Print This Page”, o bien, otra frase.

    Enlace a una página amigable para imprimir

  1. 1

    Crea una versión para imprimir por separado de la página. Esto debe ser muy básico, con sólo texto plano negro sobre un fondo blanco. Guárdalo como algo fácil de recordar, por ejemplo, si la página que deseas imprimir se llama "page.html", llama a la versión imprimible "pageprint.html".

  2. 2

    Agrega un enlace o botón para abrir la versión imprimible de la página “<a href=”pageprint.html”>Print</a>” or “<form method=\"link\" action=\"pageprint.html\"><input type=\"submit\" value=\"Print\"></form>. Para abrir el enlace de texto en una nueva ventana, usa el código “<a href=”pageprint.html” target=”_blank”>Print</a>”.

  3. 3

    Agrega JavaScript a la versión imprimible de la página para que automáticamente le indique al lector que imprima cuando la página se cargue. Entre las etiquetas “<head>” agrega lo siguiente:

    <script language=\"Javascript1.2\"> <!-- function printpage() { window.print() GO } //--> </script>

    Luego cambia tu etiqueta inicial “<body>” a “<body onload=\"printpage()\">”.

Consejos y advertencias

  • Si el lector de la página web no tiene JavaScript activado, el enlace de impresión no va a funcionar. Consulta la sección Recursos para obtener una forma de crear un vínculo de impresión discreto que no se mostrará a menos de que actives JavaScript.

No dejes de ver

Filtrar por:
  • Mostrar todos
  • Artículos
  • Galerías de fotos
  • Videos
Ordenar:
  • Más relevante
  • Más popular
  • Más reciente

No se encuentran artículos disponibles

No se encuentran slideshows disponibles

No se encuentran videos disponibles