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 Oliveros

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

Artículos relacionados

Sigue leyendo consejos, tips y tutoriales para tu blog.

    Comentarios

    1. Ignasi / Hace 10 años /

      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 10 años /

      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 9 años /

      Saludos!!

      ¿Como puedo hacer que no se imprima el boton?

      Gracias

      Luis

      Responder a Luis →
    4. LUISAG / Hace 9 años /

      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 9 años /

      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 9 años /

      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 9 años /

      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 7 años /

      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 7 años /

      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 7 años /

      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 6 años /

      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 6 años /

      Gracias amigo

      Responder a Javine →
    13. Alejandra Cardiel / Hace 6 años /

      Muchas Gracias ^^,

      Un saludo !!

      Responder a Alejandra Cardiel →
    14. Isabel / Hace 3 años /

      Muchas gracias por el artículo. Me ayudo muchísimo.

      Responder a Isabel →
    15. Isabel / Hace 3 años /

      Por favor me podrías colaborar. Quisiera controlar el salto de pagina cuando imprima. No me ha funcionado

      Responder a Isabel →
    16. Alejandra / Hace 2 años /

      Hola, muy útil tu blog, gracias me sirvió de mucho!!!
      Una consulta hay alguna posibilidad de que guarde automáticamente, con el nombre que yo le asigne??

      Responder a Alejandra →

    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. Todos los enlaces serán moderados y la URL indicada NO será enlazada.

    Blog and Web es un blog de Blógstica. Hospedado desde 2008 en Liquid Web.

    Términos de uso - Política de privacidad