Wie drucke ich verschiedene Seite mit Javascript/jQuery/Ajax?

Question

Mit folgendem Code wird das Dialogfeld zum Drucken angezeigt und die Seite erfolgreich gedruckt. Wie drucke ich jedoch eine andere Seite, nachdem ich auf diese Schaltfläche geklickt habe? Verschiedene Seitenname: letterprint.php

<div class="below_movie_left" id="printableArea"> 
My printing contents 
</div> 

<input type="button" class="submit_button" onclick="printDiv('printableArea')" value="Print" style="float:right;" /> 

<script> 
function printDiv(divName) { 
    var printContents = document.getElementById(divName).innerHTML; 
    var originalContents = document.body.innerHTML; 

    document.body.innerHTML = printContents; 

    window.print(); 

    document.body.innerHTML = originalContents; 
} 
</script> 

Ist dies möglich mit Javascript/jQuery/Ajax-Methode? Wie ?

Answer 1

Wenn Sie bereits die Seite, die Sie ausdrucken möchten haben, die Seite in einer versteckten iframe setzen und den Inhalt der iframe drucken

<iframe src="letterprint.php" name="frame"></iframe> 

<input type="button" onclick="frames['frame'].print()" value="printletter"> 

Answer 2

Sie können nicht wirklich eine andere Seite drucken; Browser geben einfach kein Javascript, das macht. Sie können jedoch den Inhalt der Seite ändern, auf der sich der Benutzer befindet.

Kurz gesagt, können Sie mit AJAX oder einem iframe auf die zweite Seite (letterprint.php) zugreifen und dann den Inhalt eines Elements auf Ihrer Seite durch den Inhalt dieser Seite ersetzen. Wenn Sie nicht möchten, dass es für den Benutzer sichtbar ist, können Sie ein gezieltes Stylesheet verwenden, um den neuen Inhalt nur beim Drucken sichtbar zu machen.