Cómo agregar la función imprimir en Bootstrap

Hola, ¿cómo están?

Necesito personalizar la impresión en mi sitio, pero no logro hacer funcionar dicha función. Traté de hacerlo usando varios ejemplos, pero no funciona. Uno de los ejemplos que use fue el siguiente:

<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Imprimiendo 1</title>
  <script type="text/javascript" src="jquery.js"></script>
  <script type="text/javascript" src="jquery.PrintArea.js"></script>
</head>
<body>
  <h2>Imprimir una zona específica con jQuery</h2>
  <p><a href="javascript:void(0)" id="imprime">Imprime</a></p>
 
  <div id="myPrintArea">
    Zona que se imprimirá
  </div>
 
  <script type="text/javascript">
  $("#imprime").click(function () {
    $("div#myPrintArea").printArea();
  })
  </script>
</body>
</html>

¿Alguien me podrá dar una mano?

Respuestas

Así de primeras, el error que veo es que no has puesto el típico $(document).ready de jQuery. El código JavaScript del final de la página debería ser algo así:

<script type="text/javascript">
$(document).ready(function() {
    $("#imprime").click(function () {
        $("div#myPrintArea").printArea();
    })
});
</script>

@javiereguiluz

2 enero 2015, 22:11

Mira he implementado tu código aquí http://codepen.io/sergiohidalgo/pen/GgNbmB y funciona, te recomiendo que pruebes en el servidor. Tal vez la librería requiera estar en uno para funcionar. También prueba que la librería y la versión de jQuery que usas sean compatibles. Saludos.

@sergio_hidalgo

6 enero 2015, 21:00