Come stampare solo parti di una pagina?

Question

Sto cercando di nascondere alcuni div prima che l'utente stampi questa forma gigante, quindi visualizzerò nuovamente i div in seguito. Quindi voglio ignorare il resto della pagina e stampare solo il modulo stesso.

Sicuro che potrebbe aprire una pagina separata quando l'utente fa clic sul pulsante di stampa. L'unica cosa è che il modulo è davvero lungo e sarebbe abbastanza noioso farlo.

Modifica: la mia domanda precedente in realtà non rifletteva ciò che stavo cercando. Quindi l'ho cambiato con quello attuale.

Anche grazie a tutto ciò che ha suggerito window.onbeforeprint e window.onafterprint. Questo era rilevante per la mia domanda modificata.

Answer 1

IE supporta onbeforeprint e onafterprint , ma quello che vuoi davvero è un foglio di stile di stampa.

<link rel="stylesheet" type="text/css" media="print" href="print.css">

Vedi anche: questa risposta

Answer 2

Innanzitutto, il modo giusto:

Dai un'occhiata a window.onbeforeprint e window.onafterprint (credo che la domanda originale su come farlo a livello di codice credo).

Ora, il modo migliore:

Un modo migliore per farlo è con uno stile specifico per la stampa. In altre parole, il tuo div potrebbe apparire così:

<div class="someClass noPrint">My Info</div>

Avresti quindi questo nel tuo foglio di stile:

.someClass {font-family:arial;}
@media print {
    .noPrint { display: none; }
} 

Un'altra opzione

Se lo desideri, puoi anche inserirlo in un foglio di stile separato, quindi non devi mescolare gli stili:

<link rel="stylesheet" type="text/css" media="print" href="print.css">

Il foglio di stile dello schermo potrebbe avere " .someClass " definito in un modo e quindi il tuo foglio di stile di stampa potrebbe averlo definito in un modo completamente diverso.

Answer 3

Puoi prendere in considerazione l'idea di creare un foglio di stile specifico per la stampa usando media = " print "

Answer 4

Dovresti davvero implementarlo come CSS media = stili di stampa. L'attributo media dell'elemento link può essere usato per selezionare a quale media applicare un foglio di stile. Consulta questo articolo