Webの背景画像・背景色を強制的に印刷させる
結論から言うと、表題のようなことはJavascriptやCSSでなんとかなりそうですが、なりません。
ユーザーがブラウザで、「背景画像を印刷する」を選択するかしないかにゆだねられています。
しかし、なんとか実装したいもの。
今回はとある部分の背景に、印刷時に色をつけてほしいと頼まれたので、次のようにしてみました。
<a onclick="print_day();" >印刷する</a>
<!--中略-->
<div class="print_shadow">印刷時に背景に色をつけたい</div>
<!--中略-->
<script type="text/javascript"
src="/yaesuhall_cake/web/js/jquery-1.6.2.min.js"></script>
<script type="text/Javascript">
function print_day(){
$('.print_shadow')
.replaceWith('<img src="bg_vacant.gif">);
window.print();
$('img').remove();
}
</script>
解説
印刷するをクリックすると、背景に色をつけたいところはjQueryで画像を入れ、Javascriptで印刷するということです。
なんとかもっとスマートにできるとよいですけどね。
よいお知恵がある方は、ぜひご教授ください。
