ukryj elementy podczas drukowania i pokazu po zakończeniu drukowania - jquery, html, printing

http://www.highcharts.com/demo ten link zawiera tabelę jquery. Tam jest wydrukować opcja w prawym górnym rogu demo wykresu. Ukrywa elementy podczas drukowania, co jest łatwe, ale pokazuje wszystkie elementy po wydruku. Oznacza to, że wykrywają, czy drukowanie zostało zakończone, czy nie. Jak wdrożyć tę technologię drukowania na mojej własnej stronie internetowej?

Odpowiedzi:

Są na to zdarzenia javascript. Jak widać w tym kodzie, zaczerpnięte z: http://tjvantoll.com/2012/06/15/detecting-print-requests-with-javascript/

(function() {
var beforePrint = function() {
console.log("Functionality to run before printing.");
};
var afterPrint = function() {
console.log("Functionality to run after printing");
};

if (window.matchMedia) {
var mediaQueryList = window.matchMedia("print");
mediaQueryList.addListener(function(mql) {
if (mql.matches) {
beforePrint();
} else {
afterPrint();
}
});
}

window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
}());

window.onbeforeprint i window.onafterprint są obsługiwane w IE5 + i Firefox6 +, ale w przypadku przeglądarek Webkit istnieje obejście obejścia window.matchMedia.

To rozwiązanie nie działa w przeglądarce Opera, a jedynie w przeglądarkach Firefox, IE i WebKit.