Мне не удается заставить Google Chrome печатать правильное содержимое, когда я изменяю содержимое модальной страницы с помощью JavaScript.Это мой код:
Javascript:
function printCoupon(couponID)
{
var originalContents = document.body.innerHTML;
var printable = document.getElementById(couponID);
var printContents = printable.innerHTML;
document.body.innerHTML = printContents;
window.print();
document.body.innerHTML = originalContents;
}
HTML:
<body>
<div id="coupon1"><p>Coupon 1 contents</p></div>
<div><a href="javascript:void(0)" onclick="printCoupon('coupon1');return false;">Print Coupon</a></div>
<div id="coupon2"><p>Coupon 2 contents</p></div>
<div><a href="javascript:void(0)" onclick="printCoupon('coupon2');return false;">Print Coupon</a></div>
</body>
Это работает в IE8 иFF 3.6, но Chrome 16 печатает оригинальный контент, а не печатный контент.
ОБНОВЛЕНИЕ: Я только что обнаружил еще одну проблему с этим.В IE9 родительская страница печатается вместе с модальным (модальное выглядит прозрачным), а не просто модальным.