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 1149 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 1148 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 778 días /

    Saludos!!

    ¿Como puedo hacer que no se imprima el boton?

    Gracias

    Luis

    Responder a Luis →
  4. LUISAG / Hace 682 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 645 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 645 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 645 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 21 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 18 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 →

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