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 / Julio 11, 2007 /

    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!

  2. Francisco / Julio 13, 2007 /

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

  3. Luis / Julio 16, 2008 /

    Saludos!!

    ¿Como puedo hacer que no se imprima el boton?

    Gracias

    Luis

  4. LUISAG / Octubre 20, 2008 /

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

  5. Juan carlos / Noviembre 26, 2008 /

    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

  6. Juan carlos / Noviembre 26, 2008 /

    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

  7. Juan carlos / Noviembre 26, 2008 /

    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

¡Gracias por dejar tu opinión! Por favor procura que tus comentarios no estén fuera tema, no sean promocionales (spam), ilegales u ofensivos, de otro modo, serán eliminados. Recuerda que puedes usar nuestro foro para otros temas y preguntas.

Blog and Web es un blog de Blógstica

Términos de uso - Política de privacidad