Wie kann ich die Schaltfläche vor dem Drucken ausblenden und anzeigen, wenn der Druckvorgang abgeschlossen ist?

7

Ich habe eine Druckschaltfläche mit id="print_req" . Ich habe etwas Javascript-Code geschrieben, um eine Seite zu drucken, die durch Klicken auf diese Schaltfläche ausgelöst wird, und ich möchte diese Schaltfläche auch vor dem Drucken ausblenden und nach dem ganzen Druckvorgang anzeigen.Ich meine Schaltfläche nicht in meinem gedruckten Dokument zu drucken. Hier ist mein Code:

%Vor%

Diese Schaltfläche wird ausgeblendet, aber wenn der Druckvorgang abgeschlossen ist, wird die Schaltfläche nicht mehr angezeigt! Was ist das Problem?

    
armin etemadi 18.09.2010, 11:03
quelle

6 Antworten

18

Du machst das falsch. Sie sollten die Schaltfläche nicht mit JavaScript anzeigen oder ausblenden oder dafür ein Hintergrundbild verwenden. Sie sollten ein Druck-Stylesheet verwenden, mit dem Sie verschiedene Stile auf die Seite anwenden können, wenn sie gedruckt wird. In Ihrem Fall würden Sie die Anzeige in diesem Stylesheet auf keine Sichtbarkeit setzen.

Sie fügen also ein Stylesheet mit dem Medientyp für den Druck hinzu

%Vor%

In dieser print.css verstecken Sie die Schaltfläche

%Vor%

Und presto, die Schaltfläche verbirgt sich, wenn Sie ohne JavaScript drucken.

    
epascarello 18.09.2010, 11:25
quelle
3

Das Problem ist, dass Sie nicht wissen können, wann das Drucken mit Javascript beendet ist. Es gibt kein Ereignis, das ausgelöst wird, um dies zu melden.

Aus Sicherheitsgründen wird JavaScript in einer Sandbox-Umgebung im Browser ausgeführt, die den Zugriff auf Systemressourcen einschränkt.

    
Darin Dimitrov 18.09.2010 11:04
quelle
2

Es ist einfach, bitte benutzen Sie das, wenden Sie die Klasse noprint auf Ihre Schaltfläche an.

%Vor%     
Young Gu 28.11.2014 07:59
quelle
0

Das Druckdialogfeld ist Teil des Betriebssystems. Javascript kann nur auf Elemente zugreifen, die Teil der Webseite sind - alles andere wäre eine große Sicherheitsverletzung.

    
baklap 18.09.2010 11:05
quelle
0
%Vor%     
Rahil 01.08.2016 10:40
quelle
0

Mach einfach das ...

$ (Dokument) .ready (Funktion () {

%Vor%     
sai kiran 14.11.2017 16:56
quelle

Tags und Links