En este artículo os voy a mostrar un tip muy sencillo.

Escenario

Se puede dar el caso en el que algún día debáis poner una acción en algún sitio web que tenga como requisito poder imprimir el contenido sin necesidad de generar un documento formateado por ejemplo en PDF.

 

Solución

Para proveer esta característica, lo mejor es recurrir a JavaScript dado que es una acción de cliente y dado que los datos están ya en el navegador, no necesitamos de enviar nada al servidor. Para realizar esta acción, el código que debemos escribir no podría ser más sencillo. Voy a ilustrarlo con un ejemplo haciendo uso de un “link” que ejecute código JavaScript “unobstrusive”.

   1:  <html lang="en">
   2:      <head>
   3:          <title></title>
   4:          <script src="http://ajax.aspnetcdn.com/ajax/jquery/jquery-1.9.0.min.js"></script>
   5:      </head>
   6:      <body>
   7:          <a href="#" id="btnPrint">Imprimir</a>
   8:          <script type="text/javascript">
   9:              $("#btnPrint").click(function () {
  10:                  window.print();
  11:              });
  12:          </script>
  13:      </body>
  14:  </html>

 

Como podéis ver, hago uso de jQuery para asignar una función anónima como evento “click” y dentro de esa función hago una llamada al método window.print() de JavaScript. Con esto, cuando un usuario seleccione el enlace, se lanzará la acción de imprimir del navegador que se esté usando.

JavaScript-Print

 

Enjoy it 🙂