Generieren der Druckvorschau einer Webseite in asp.net

<a href="_javascript:window.print()">
<img class="noPrint" src="Images/Print_icon.png" border="0"></a>

Dies ist der einzige code, den ich verwende implementieren Sie die Funktion drucken. Es erzeugt ein Dialogfeld "drucken". Und um die Seite zu drucken freundlich, ich habe stylesheets und versteckte div ' s, dass ich nicht wollen, in die Seite drucken.

Ich jetzt noch generieren Sie eine Druckvorschau der Seite. Irgendwelche Vorschläge?

Dank

InformationsquelleAutor sarika | 2012-04-18
  1. 1

    Grundsätzlich gibt es keine Funktionalität zur Verfügung, bis jetzt, aber Sie können Sie erreichen, indem Sie eine Kopie in die gleiche html-Datei mit dem Namen print.htm mit der Print css und öffnen Sie diese Datei auf die Schaltfläche Drucken klicken Sie auf Vorschau als popup-Seite und machen es, in Diesem wird eine Vorschau der Seite :

    <html> 
<head> 
<title></title> 
//do it in simple way.. 
<script LANGUAGE=”JavaScript”> 
function displayMessage(printContent) { 
var inf = printContent; 
win = window.open(”print.htm”, ‘popup’, ‘toolbar = no, status = no’); 
win.document.write(inf); 
win.document.close(); //new line 
} 
</script> 
</head> 
<body> 
<div id=”printarea”>Print this stuff.</div> 
<a href=”javascript:void(0);” onclick=”displayMessage(printarea.innerHTML)”>Print Preview</a>

</body> 
</html>
    • hey!!!ur-code funktioniert gut, aber das problem ist, dass ich nicht verwenden können die div-id hier..ich will Druck von mehr als 1 div ist.So kann u vorschlagen jeder anderen option??
    • Sie können so viele div, wie Sie wollen, nur in Ihren print.htm Sie fügen Sie alle Ihre Inhalte, die Sie drucken möchten.
    InformationsquelleAutor Zaheer Ahmed
  2. 0

    Ich wirklich nicht sehen dies als praktisch. Ihre web-Seite ohne wissen von der Schriftgröße (Zoomstufe), die Seitenränder, die Ausrichtung oder alles, was Sie hatte wissen müssen, um zu konstruieren, ein seitenansicht-Bild.

    Darüber hinaus ist es möglich für eine Seite zu verweisen, Bilder und andere Inhalte von anderen Websites. Wie wird dein code wissen, was hier nötig ist?

    Glücklicherweise sind die Browser ich benutze (IE und Chrome) bieten Druckvorschau, so würden Sie es umsonst bekommen, sowieso. Aber wenn Sie versuchen, zu implementieren Druckvorschau manuell, ich weiß nur nicht sehen, dass als ein praktisches Ziel.

    • Ja, den Browser habe Sie, aber ich brauche, um es zu implementieren manuell. Seine ein bisschen Voraussetzung.
    InformationsquelleAutor Jonathan Wood
  3. 0

    Eine Möglichkeit ist die Verwendung der print-mediaType in Ihrem css. Dieses css wird nur angewendet werden, wenn Sie öffnen Sie die Seite in der Druckansicht. Fügen Sie die folgende Klasse in der css-Datei:

    @media print {
//printer friendly page css
}

    Weitere Möglichkeit ist die Verwendung von reinem javascript. es gibt Haufen von Artikel auf internet:

    Wenn Sie eine gemeinsame Vorlage für den Drucker-freundliche Seiten. Ich schlage vor, Sie erstellen eine separate Seite überhaupt für die print-version und wenn der Benutzer klickt auf den link navigieren Sie zu Ihrem neuen Drucker freundliche Seite. Ich würde empfehlen ein, diesen Ansatz als das ist kinderleicht und Sie haben die vollständige Kontrolle über das, für den rest der Ansätze haben Ihre Tücken.

    • ya ich weiß, das ist die einzige option Links..thnx
    InformationsquelleAutor ZeNo
Schreibe einen Kommentar