2011-02-08 49 views
6

Estoy tratando de imprimir mi contenido div mediante el complemento printElement. El div tiene una gran cantidad de texto con in, por lo que hay una barra de desplazamiento. El problema es que el complemento imprime solo la parte del texto que está realmente en la pantalla. ¿Cómo puedo imprimir todo el texto?Imprimir todo el contenido div con jquery printElement

EDIT:

necesito una solución que imprimirá este div con los estilos que están en css externo.

Respuesta

0
<div class="printclass">Print</div> 
    <div id="mydivid"> 
     Your content goes here 
    </div> 
</div> 

<script type="text/javascript"> 
$(function(){ 
    $(".printclass") 
    .attr("href", "javascript:void(0)") 
    .click(function(){ 
    // Print the DIV. 
    $("#mydivid").print();   
    // Cancel click event. 
    return(false); 
    }); 

}); 
</script> 
+0

'Uncaught TypeError: $ (...). Print no es una función'. – T30

1

https://github.com/jasonday/printThis

configurable con archivos CSS adicionales, y otras opciones.

+0

Estoy usando su complemento para imprimir. Tengo un requerimiento especial. Veo una tabla en la pantalla sin bordes entre las celdas. Pero, cuando lo imprimo, quiero aplicar los bordes a la tabla impresa en el papel. Veo que hay una opción para cargar el archivo css externo, pero ¿cómo aplico ese estilo al elemento de la tabla sin afectar el que se muestra en la pantalla (sin bordes en la pantalla). – Anand

+0

@Anand: debe usar una consulta de medios impresos en su hoja de estilos normal. '@media print {...}' Agregue CSS entre los corchetes para afectar los elementos en la página solo para la vista de impresión. – Jason

Cuestiones relacionadas