Fenster.die print () - javascript ist nicht eine Vorschau in chrome

Habe ich ein lightbox-plugin, dass die erforderlichen zusätzlichen option - drucken Sie das Bild.
Also habe ich eine kleine JS-Funktion, die drucken das Bild wie folgt:

var headstr="<!DOCUMENT html><html xmlns='http://www.w3.org/1999/xhtml'><head><title></title></head><body>";
var footstr="</body>";
var newstr="<img src=\"[img-location]\" alt='courses' />";
document.body.innerHTML=headstr+newstr+footstr;
window.print();
window.location.reload();

Das problem ist, dass, wenn der Benutzer drücken Sie auf die Schaltfläche "drucken", in chrome, es öffnet sich ein neues Fenster (chrome-Seite drucken) und in es, es sagt - Druckvorschau fehlgeschlagen. In firefox und IE8 funktioniert es Prima...

InformationsquelleAutor Nir | 2011-08-04
  1. 3

    Ich weiß nicht, ob dies ist, was verursacht hat Ihre Fehler, aber wenn Fenster.die print () - Aufruf ein <input type="submit"> in einem Formular mit method="post" (also jede asp.net Seite auch immer), dann Chrome-print-preview-Perücken aus.

    Die Lösung ist das hinzufügen return false; nach dem Fenster.print() so, dass die Seite nicht posten zurück.

    <html>
 <head>
 </head>
 <body>
  <form method="post" action="test.html">
   <p>This is only a test.  Had this been a real emergency....</p>

    <!--This doesn't work -->  
    <!-- <input type="submit" onclick="JavaScript:window.print();">-->  

    <!--But this does -->
    <input type="submit" onclick="JavaScript:window.print();return false;">

 </form>
</body>
</html>
    InformationsquelleAutor plntxt
  2. 0

    Ich bin mir nicht sicher, ob das das problem ist, aber du bist das erstellen Ungültiger html-Code. Für ein, Sie schließen Sie nicht die <html> tag. Zusätzlich, Sie setzen eine html und head tag in Ihrem Körper.

    • Ich fügte hinzu, das schließen von html-Tags, aber was ist falsch mit: <html><head><title></title></head><body></body></html> - aka - Ihre zweite Bemerkung. BTW putting nur der schließende html immer noch nicht helfen.
    • Diese Struktur ist in Ordnung für eine ganze Seite, aber Sie einfügen, die im inneren des Körpers document.body.innerHTML. So haben Sie schon <html><head><title></title></head><body> und innen, dass Sie setzen ein anderes <html><head>etc.
    • Ach ja, kann ich tun, Dokument=headstr+newstr+footstr? Ich will es, weil es auch löschen Sie die vorhandene Kopf-Inhalte
    • Diese Frage zu beantworten scheint, dass: stackoverflow.com/questions/4292603/...
    • Ich hatte auch fehlenden schließenden img-tag, aber immer noch chrome zeigt die gleiche Seite, wenn ich gehen sehen, die Seite Vorschau source - code-es scheint, wie die javascript-änderungen, die ich gemacht habe - nicht nehmen, einen Einfluss, aber danach wird die Seite gewechselt und wenn ich drücken Sie dann drucken Sie es zeigt, wie es soll!
    • Weiß nicht, ob dies im Zusammenhang mit diesem bestimmten Problem oder nicht... auf jeden Fall sehe ich viele Leute anscheinend Probleme haben, den Druck auf Chrome von JS... google.wie/support/forum/p/Google Chrome/...

    InformationsquelleAutor James Montagne
Schreibe einen Kommentar