Imprimir zona de la página con jQuery

Hay un script jquery que permite imprimir cualquer parte de una página Web.

Para insertar este script en tu página Web, debes incluir la librería jQuery y el jQuery.printArea dentro del head de la página:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>

El link que imprimirá:

<a href="javascript:void(0)" id="imprime">Imprime</a>

La zona de la página que se imprimirá:

<div id="myPrintArea">
Zona que se imprimirá
</div>

Y finalmente, la llamada a la función printArea() de jQuery para imprimir el contenido del div con id=»imprime»:

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

Este script se pude descargar de aquí: PrintArea

Ver ejemplo en funcionamiento

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (7 votos, promedio: 4,43 de 5)
Cargando…
Comparte en las redes sociales

17 respuestas a “Imprimir zona de la página con jQuery”

  1. william dice:

    hola me funciona perfectamente mi duda es como puedo hacer que mi contenido se duplique muchas veces hasta llenar la hoja es que el contenido que quiero imprimir es muy corto y quiero que ese mismo contenido llene mi hoja muchas veces en la misma hoja saludos

  2. ivan dice:

    Hola buena tarde muy buen aporte,
    Una pregunta, el script funciona bien en mozzilla, pero al probarlo en chrome no permite imprimir imagenes.
    hay alguna forma de solventar esto?
    Saludos

  3. Salvador dice:

    Amigo gracias por tu aporte pero

    No me permite imprimir

    jquery.PrintArea.js:193 Uncaught ReferenceError: jQuery is not defined
    at jquery.PrintArea.js:193
    rptFacturacion.php:194 Uncaught TypeError: $(…).printArea is not a function
    at HTMLAnchorElement. (rptFacturacion.php:194)
    at HTMLAnchorElement.dispatch (jquery.js:25)
    at HTMLAnchorElement.q.handle (jquery.js:24)

    • Jose Aguilar dice:

      Hola buenos días,

      Siento decirle que no podemos ayudarle. Deberá contactar con el desarrollador del plugin pero por poca fortuna ya no está disponible su página web.

      Saludos

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre