DIV-Inhalt durch JQuery drucken

8

Angenommen, ich habe viele divs auf meiner Seite, aber ich möchte den Inhalt eines bestimmten div mit jquery drucken. Ich habe gefunden, dass es ein Plugin dafür gibt.

jQuery-Druckelement

Mit diesem Plugin können wir einfach div-Inhalte wie unten ausdrucken.

%Vor%

aber was passiert, wenn mein div in der Seite versteckt ist. Also funktioniert es. Dieses Plugin kann den Inhalt versteckter div? drucken.

Was passiert, wenn der Drucker nicht mit dem Client-Computer verbunden ist? Ich möchte eine Nachricht anzeigen, wenn der Drucker dem Kunden nicht angezeigt wird. "Drucker nicht gefunden"? wie man mit dieser Situation umgeht. also rate mir bitte, was wäre der beste Ansatz, um den Inhalt der versteckten Div in der Seite zu drucken und Drucker Problem behandeln, wenn der Drucker nicht angeschlossen ist.

Danke

    
Keith Costa 23.09.2011, 14:02
quelle

6 Antworten

19

Ihre Frage klingt nicht so, als ob Sie es selbst versucht hätten, also sollte ich nicht einmal ans Antworten denken, sondern: wenn ein verstecktes div nicht mit dieser einen Zeile gedruckt werden kann:

%Vor%

ändern Sie einfach zu:

%Vor%

das sollte es in allen Fällen funktionieren lassen.

Für den Rest gibt es keine Lösung. Das Plugin öffnet den Druckdialog für Sie, in dem der Benutzer seinen Drucker auswählen muss. Sie können einfach nicht herausfinden, ob ein Drucker mit Javascript verbunden ist (und Sie können (fast) nicht ohne Druckdialog drucken - wenn Sie darüber nachdenken).

HINWEIS:

  

Das Objekt $.browser wurde in Version 1.9.x von jQuery entfernt   Diese Bibliothek wird nicht unterstützt.

    
oezi 23.09.2011, 14:14
quelle
28

Ich bevorzuge das, ich habe es getestet und es funktioniert

Ссылка

%Vor%

oder

%Vor%     
Bishoy Hanna 08.08.2013 00:22
quelle
1

Probieren Sie diese jquery-Bibliothek aus, jQuery Print Element

Ссылка

    
user1477929 25.03.2013 09:36
quelle
1

Hier ist eine JQuery & amp; JavaScript-Lösungen zum Drucken von div wie es Stile (mit internen und externen CSS)

%Vor%

Dies wird Ihr div in einem neuen Fenster drucken.

Schaltfläche zum Auslösen eines Ereignisses

%Vor%     
CyberAbhay 20.05.2017 06:12
quelle
0
___ answer18115968 ___

Ich bevorzuge das, ich habe es getestet und es funktioniert

Ссылка

%Vor%

oder

%Vor%     
___ answer44082560 ___

Hier ist eine JQuery & amp; JavaScript-Lösungen zum Drucken von div wie es Stile (mit internen und externen CSS)

%Vor%

Dies wird Ihr div in einem neuen Fenster drucken.

Schaltfläche zum Auslösen eines Ereignisses

%Vor%     
___ qstnhdr ___ DIV-Inhalt durch JQuery drucken ___ answer15611641 ___

Probieren Sie diese jquery-Bibliothek aus, jQuery Print Element

Ссылка

    
___ answer4955155 ___

Es gibt eine Möglichkeit, dies mit einem versteckten div zu verwenden, aber Sie müssen etwas mehr mit der Funktion printElement () und css arbeiten.

Css:

%Vor%

Skript:

%Vor%

Dies überschreibt die Anzeige: Keine in dem neuen Fenster, das Sie öffnen, und der Inhalt wird auf der Druckvorschau-Seite angezeigt und die div auf Ihrer Site bleibt ausgeblendet.

    
___ tag123jquery ___ jQuery ist eine beliebte Cross-Browser-JavaScript-Bibliothek, die das DOM-Traversal (Document Object Model), die Ereignisbehandlung, Animationen und AJAX-Interaktionen erleichtert, indem die Diskrepanzen zwischen Browsern minimiert werden. Eine mit jQuery gekennzeichnete Frage sollte mit jQuery in Zusammenhang stehen, daher sollte jquery von dem fraglichen Code verwendet werden, und mindestens eine jquery-nutzungsbezogene Elemente müssen in der Frage enthalten sein. ___ answer7530393 ___

Ihre Frage klingt nicht so, als ob Sie es selbst versucht hätten, also sollte ich nicht einmal ans Antworten denken, sondern: wenn ein verstecktes div nicht mit dieser einen Zeile gedruckt werden kann:

%Vor%

ändern Sie einfach zu:

%Vor%

das sollte es in allen Fällen funktionieren lassen.

Für den Rest gibt es keine Lösung. Das Plugin öffnet den Druckdialog für Sie, in dem der Benutzer seinen Drucker auswählen muss. Sie können einfach nicht herausfinden, ob ein Drucker mit Javascript verbunden ist (und Sie können (fast) nicht ohne Druckdialog drucken - wenn Sie darüber nachdenken).

HINWEIS:

  

Das Objekt %code% wurde in Version 1.9.x von jQuery entfernt   Diese Bibliothek wird nicht unterstützt.

    
___ answer23271280 ___

Sie können diese Schritte ausführen:

  1. Umbrechen Sie das zu druckende div in ein anderes div.
  2. Setzen Sie den Wrapper div display status in css auf none.
  3. Halten Sie das div, das Sie drucken möchten, den Anzeigestatus als Block, trotzdem wird es ausgeblendet, da sein Elternteil ausgeblendet ist.
  4. einfach %code% aufrufen
___ tag123javascript ___ JavaScript (nicht zu verwechseln mit Java) ist eine dynamische Sprache mit mehreren Paradigmen auf hoher Ebene, die sowohl für das clientseitige als auch für das serverseitige Scripting verwendet wird. Verwenden Sie dieses Tag für Fragen zu ECMAScript und seinen verschiedenen Dialekten / Implementierungen (außer ActionScript und Google-Apps-Script). ___ qstntxt ___

Angenommen, ich habe viele divs auf meiner Seite, aber ich möchte den Inhalt eines bestimmten div mit jquery drucken. Ich habe gefunden, dass es ein Plugin dafür gibt.

jQuery-Druckelement

Mit diesem Plugin können wir einfach div-Inhalte wie unten ausdrucken.

%Vor%

aber was passiert, wenn mein div in der Seite versteckt ist. Also funktioniert es. Dieses Plugin kann den Inhalt versteckter div? drucken.

Was passiert, wenn der Drucker nicht mit dem Client-Computer verbunden ist? Ich möchte eine Nachricht anzeigen, wenn der Drucker dem Kunden nicht angezeigt wird. "Drucker nicht gefunden"? wie man mit dieser Situation umgeht. also rate mir bitte, was wäre der beste Ansatz, um den Inhalt der versteckten Div in der Seite zu drucken und Drucker Problem behandeln, wenn der Drucker nicht angeschlossen ist.

Danke

    
___
user2086598 19.02.2013 10:26
quelle
0

Sie können diese Schritte ausführen:

  1. Umbrechen Sie das zu druckende div in ein anderes div.
  2. Setzen Sie den Wrapper div display status in css auf none.
  3. Halten Sie das div, das Sie drucken möchten, den Anzeigestatus als Block, trotzdem wird es ausgeblendet, da sein Elternteil ausgeblendet ist.
  4. einfach $('SelectorToPrint').printElement(); aufrufen
user826876 24.04.2014 14:05
quelle

Tags und Links