English Português

Para darle a nuestro usuarios la comodidad de un botón para imprimir el contenido de una de nuestras páginas haremos uso de un sencillo script que tendrás que colocar entre las etiquetas <head></head> o ponerla como función en un archivo .js. El script es el siguiente:

<script language="Javascript">

function imprimir() {
if (window.print)
window.print()
else
alert("Para imprimir presione Crtl+P.");
}

</script>

Este script es compatible con la mayoría de los navegadores actuales y de esta forma, cuando el usuario de click en nuestro botón imprimir le aparece la ventana de dialogo para imprimir y de no ser compatible con el navegador le arroja el mensaje “Para imprimir presione Crtl+P” que le indica la forma de hacerlo.

Veamos ahora como aplicarlo, para poner un link de texto usamos sencillamente lo siguiente:

<a href="javascript:imprimir()">Imprimir</A>

Y para el caso de un boton hacemos:

<input type="button" name="imprimir" value="Imprimir" onclick="javascript:imprimir();">

Y de este modo tenemos un botón sencillo y útil.

Descargar el ejemplo y la función.

Escrito por Francisco

Soy un gran aficionado del diseño y de todo lo que el código puede comunicar. Ingeniero mecánico por profesión, pero dedicado al desarrollo web a tiempo completo.

Blog / Twitter

Comentarios

  1. Ignasi / Hace 1779 días /

    Hola!

    Hay alguna manera de “limitar” el area de impresion a solo el texto del post? Para que no salga el sidebar y todo eso?

    Muchas gracias!

    Responder a Ignasi →
  2. Francisco / Hace 1778 días /

    Es posible hacerlo por medio de css, puedes checar nuestro artículo Usar CSS para cambiar los estilos de impresión.

    Responder a Francisco →
  3. Luis / Hace 1408 días /

    Saludos!!

    ¿Como puedo hacer que no se imprima el boton?

    Gracias

    Luis

    Responder a Luis →
  4. LUISAG / Hace 1312 días /

    hola muy bueno pero alguien sabe como imprimir una sola parte de la pagina que no se imprima toda con titulo y botones

    Responder a LUISAG →
  5. Juan carlos / Hace 1275 días /

    Hola tal vez si quieresque se imprima sin necesidad del boton debes poner “javascript:imprimir()” dentro de la etiqueta

    Quedaria algo asi

    ….. resto de la pagina …..

    Espero te sirva.

    Saludos

    Responder a Juan carlos →
  6. Juan carlos / Hace 1275 días /

    Hola tal vez si quieresque se imprima sin necesidad del boton debes poner “javascript:imprimir()” dentro de la etiqueta

    Quedaria algo asi

    “”

    ….. resto de la pagina …..

    Espero te sirva.

    Saludos

    Responder a Juan carlos →
  7. Juan carlos / Hace 1275 días /

    Hola tal vez si quieresque se imprima sin necesidad del boton debes poner “javascript:imprimir()” dentro de la etiqueta body

    Quedaria algo asi

    “body onload=’javascript:imprimir()’”

    ….. resto de la pagina …..

    Espero te sirva.

    Saludos

    Responder a Juan carlos →
  8. Eduardo Rojas Oviedo / Hace 651 días /

    Estoy trabajando en un sistema, en el cual solo algunas personas con autorización pueden imprimir.

    El Crtl+P permitiría a todo usuario, incluso sin el nivel de autorización; imprimir la pagina.

    Como hago para impedir que el Crtl+P funcione y solo puedan hacerlo mediante el botón, pues este ultimo lo oculto o muestro según la autorización del usuario.

    Responder a Eduardo Rojas Oviedo →
  9. roy / Hace 649 días /

    amigo como hago para tener un cuadro de mis contactos al final del post como tu con las fotos asi? donde lo busco, tu lo debes tener ya que tu blog es muyy completo gracias

    Responder a roy →
  10. Jason Zúñiga Villegas / Hace 391 días /

    Eduardo:

    Deberías poder capturar el evento Ctrl+P e impedir la acción.

    Lo puedes capturar muy sencillo jquery.

    Responder a Jason Zúñiga Villegas →
  11. tomy / Hace 77 días /

    Hola que tal, disculpa me gustaria capturar la pantalla de la pagina web como una imagen, ya saves por si el usuario no cuenta con una impresora a la mano, que pueda guardar la pagina como imagen para despues imprimirla con mas calma.

    Responder a tomy →
  12. Javine / Hace 71 días /

    Gracias amigo

    Responder a Javine →
  13. Alejandra Cardiel / Hace 20 días /

    Muchas Gracias ^^,

    Un saludo !!

    Responder a Alejandra Cardiel →

Responder

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios estén dentro tema, que no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán borrados.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad