jQuery

Imprimir una página con jQuery (printThis)

En este tutorial aprenderemos a imprimir una página con jQuery usando el plugin printThis con un ejemplo muy sencillo.
Para realizar esta tarea primero debemos descargar el plugin desde su repositorio oficial: https://github.com/jasonday/printThis para luego incluirlo en nuestro archivo HTML.

¿Cómo imprimir una página con jQuery (printThis)?

Para realizar esto vamos a crear una página muy sencilla con un encabezado h2 y una tabla con algunos valores, como se muestra en el siguiente ejemplo:

<!DOCTYPE html>
<html>
  <head>
    <title>Imprimir una página con jQuery (printThis)</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
    <script src="printThis.js"></script>
  </head>
  <body>
    <div id="pagina">
      <h2>Título de página</h2>
      <table >
        <tr>
          <td>dato1</td>
          <td>dato2</td>
          <td>dato3</td>
        </tr>
        <tr>
          <td>dato4</td>
          <td>dato5</td>
          <td>dato6</td>
        </tr>
      </table>
    </div>
    <button id="print_btn" type="button">Imprimir</button>
    <script>
      $(document).ready(function () {
      	$('#print_btn').click(function () {
      	  $('#pagina').printThis();
      	});
      });
    </script>
  </body>
</html>

Luego de oprimir el botón del ejemplo anterior automáticamente se imprimirá el contenido de la etiqueta con id “pagina”.

Bueno gente, eso es todo por hoy, espero que les sea de gran utilidad este tutorial en el cual se explica cómo Imprimir una página con jQuery. Ante cualquier problema no duden en dejar un comentario.

Compartilo en
Share on FacebookTweet about this on TwitterShare on Google+Share on LinkedInPin on PinterestEmail this to someone

AboutJosé Di Meglio

Apasionado de la tecnología y programación. Aportando información gratuita sobre el mundo de la informática.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *