Galera montei um código em jQuery para realizar algumas alterações no meu layout ocultando algumas div e imprimindo a página. Ela funciona muito bem, porém estou tendo o seguinte problema.
Quando tenho imagem na minha página, o sistema imprime antes de carregar as imagens. Como faço para que so seja impresso após o carregamento total da página.
Segue meu código:
<script>
// Imprime a página
window.print();
$(document).ready(function () {
var beforePrint = function () {
// Remove o loading
$(".se-pre-con").hide();
// Remove Menu topo
$(".header").hide();
$('body').css({"padding-top": "0px"});
};
var afterPrint = function () {
// Redireciona página
window.location = 'www.google.com.br';
};
if (window.matchMedia) {
var mediaQueryList = window.matchMedia('print');
mediaQueryList.addListener(function (mql) {
if (mql.matches) {
beforePrint();
} else {
afterPrint();
}
});
}
window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
}());
</script>
_______________________________ Estou tentando assim ______________________
<script>
var root = this;
$(document).ready(function () {
var beforePrint = function () {
// Remove o loading
$(".se-pre-con").hide();
// Remove Menu topo
$(".header").hide();
$('body').css({"padding-top": "0px"});
};
var afterPrint = function () {
// Redireciona página
window.location = 'google.com';
};
if (window.matchMedia) {
var mediaQueryList = window.matchMedia('print');
mediaQueryList.addListener(function (mql) {
if (mql.matches) {
beforePrint();
} else {
afterPrint();
}
});
}
window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
/* Imprime a página */
root['print']();
});
</script>