es funktioniert wunderbar lokal, aber wenn ich es auf die WordPress-Website hochladen, öffnet das neue Druckfenster und blinkt auf/aus Bildschirm sofort. Nur mit Chrome getestet und wie gesagt, ich habe keine Probleme, bis ich es auf den Server hochlade?Drucken Fenster arbeitet lokal, aber nicht vor Ort mit WordPress
Javascript:
function printDiv(divName) {
"use strict";
var divToPrint = document.getElementById(divName);
var WindowObject = window.open('', 'PrintWindow', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes');
WindowObject.document.writeln('<!DOCTYPE html>');
WindowObject.document.writeln('<html><head><title>Your Safari Print Results</title>');
WindowObject.document.writeln('<link rel="stylesheet" id="fonts-googleapis-css" href="http://fonts.googleapis.com/css?family=Lato%3A400%2C100%2C300%2C700%2C900&ver=4.6" type="text/css" media="all">');
WindowObject.document.writeln('<link rel="stylesheet" type="text/css" href="NewWinPrintScreen_hmap.css">');
WindowObject.document.writeln('</head><body onload="window.print()"><center><img src="logo.png" width="219" height="78"><br><div class="line"></div></center><br><br><span class="pg_title">Canine Wellness HealthMap</span>');
WindowObject.document.writeln(divToPrint.innerHTML);
WindowObject.document.writeln('</body></html>');
WindowObject.document.close();
setTimeout(function() { WindowObject.close(); }, 500);
}
EDITED oben unter (Print Window jetzt Aufenthalte, aber keine Inhalte angezeigt in Chrome, funktioniert in FF)
function printDiv(divName) {
"use strict" ;
var WindowObject = window.open('', 'PrintWindow', 'width=750,height=650,top=50,left=50,toolbars=no,scrollbars=yes,status=no,resizable=yes');
var divToPrint = document.getElementById(divName);
WindowObject.document.writeln('<!DOCTYPE html><html><head><title>Your Safari Print Results</title><link rel="stylesheet" type="text/css" href="css/NewWinPrintScreen_hmap.css"></head><body><center><img src="images/logo.png" width="219" height="78"><br><div class="line"></div></center><br><br><span class="pg_title">Canine Wellness HealthMap</span>');
WindowObject.document.writeln(divToPrint.innerHTML);
WindowObject.document.writeln('</body></html>');
/* Delaying the print event */
setInterval(function() { }, 100);
WindowObject.focus();
WindowObject.print();
WindowObject.close();
}
Haben Sie [Ihre Konsole überprüft?] (Http://stackoverflow.com/documentation/javascript/185/getting-started-with-javascript/714/using-console-log) –
Mir keine Fehler gibt es dort. Ich habe mit dem Skript herumgespielt und bekam das Druckfenster, um aufzustehen, aber Inhalt ist nicht in der Vorschau und druckt leer. In Firefox jedoch arbeiten. – flipflopmedia