2011-02-08 24 views
6

Sto tentando di stampare il mio contenuto div usando il plugin printElement. Il div ha un sacco di testo con in quindi c'è una barra di scorrimento. Il problema è che il plugin stampa solo la parte di testo che è effettivamente sullo schermo. Come posso stampare tutto il testo?Stampa tutto il contenuto div con jquery printElement

EDIT:

Ho bisogno di una soluzione che stampare questo div con gli stili che sono in CSS esterno.

risposta

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 non è una funzione'. – T30

1

https://github.com/jasonday/printThis

Configurabile con file CSS aggiuntivi e altre opzioni.

+0

Sto usando il tuo plugin per stampare. Ho un requisito speciale. Vedo una tabella sullo schermo senza bordi tra le celle. Ma quando lo stampo, voglio applicare i bordi alla tabella stampata sulla carta. Vedo che c'è un'opzione per caricare il file css esterno, ma come faccio ad applicare quello stile all'elemento della tabella senza influenzare quello che viene mostrato sullo schermo (senza bordi sullo schermo). – Anand

+0

@Anand - è necessario utilizzare una query di stampa sul normale foglio di stile. '@media print {...}' Aggiungi CSS tra parentesi per modificare gli elementi nella pagina solo per la vista di stampa. – Jason

Problemi correlati