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
Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
¿Buscas trabajo de programador?
17 respuestas a “Imprimir zona de la página con jQuery”
Deja una respuesta
73 artículos que te podrían interesar
Ver más sobre
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
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
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)
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
Buenos días,
Yo estoy usando jqPrint.js con navegador Chrome funciona correctamente pero con IE 11 no funciona bien.
¿Sabes si PrintArea.js funciona correctamente con IE 11?
Saludos
Hola, ¿podrías indicar cómo debería hacerse para incluir css?
Muchísimas gracias
Hola,
No se si habrás probado de darle estilo al div «myPrintArea». Si no funciona, se debe investigar si es posible imprimir la maquetación con este plugin.
Saludos
EL EJEMPLO NO ME SALE COMO USTED LO HACE, TE AGRADECERIA TU AYUDA.
AMIGO COMO HAGO PARA DESCARGAR EL SCRIPT?
HE INTENTADO HACER ESA FUNCION PERO ME SALE COMO EN TU EJEMPLO.
TE LO AGRADECERIA.
Hola buenos días,
Que problema tienes? Lo podríamos ver en tu web?
Revisa la versión de jQuery no vaya a ser que con la versión de jQuery que estés utilizando el script no funcione.
Saludos
Hola.
Hago uso del jQuery printArea para imprimir una parte de una página Web. El problema surge cuando al intentar imprimir aparece el siguiente mensaje «Error al obtener la vista previa de impresión»; dicho mensaje solo aparece las primeras veces que intento imprimir, luego la vista previa e impresión es normal.
Hola,
Posiblemente pueda ser un problema del navegador. Nosotros podemos imprimir la demo sin problemas con Mozilla Firefox.
Saludos
viejo creo que en la pagina de jquery ya no esta disponible el archivo y no se si hice algo mal pero no me funciona el imrpimir, solo te digo por si ya no esta el recurso. pero muchas gracias
Como se aplican el css, en la impresión?
Excelente plugin, se agradece…
Very efficiently written story. It will be beneficial to anyone who employess it, as well as me. Keep doing what you are doing – i will definitely read more posts.
tengo una duda me gustaria imprimir con los estilos e imagenes que contiene el div en especifico no se si sea posible
gracias de resto funciona muy bien