【JavaScript】印刷ボタンを押したときに全ブラウザで印刷プレビューを表示させる方法

Question

料理のレシピが乗っているサイトの特定範囲だけ印刷できるボタンを実装しています。
ボタンは設置でき、指定した部分だけの印刷も可能になったのですが、できることならIE Chromなど全ブラウザでボタンを押した時に印刷プレビューがでるように実施したいです。

$.jPrintArea=function(el){
var iframe=document.createElement('IFRAME');
var doc=null;
$(iframe).attr('style','position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
document.body.appendChild(iframe);
doc=iframe.contentWindow.document;
var links=window.document.getElementsByTagName('link');
for(var i=0;i<links.length;i++)
if(links[i].rel.toLowerCase()=='stylesheet')
doc.write('<link rel="stylesheet" href="'+links[i].href+'"></link>');
doc.write('<div class="'+$(el).attr("class")+'">'+$(el).html()+'</div>');
doc.close();
iframe.contentWindow.focus();
setTimeout(function(){
iframe.contentWindow.print();
document.body.removeChild(iframe);
}, 500);
}

このコードを使って実装していますが、どんな言語を入れれば全ブラウザで印刷プレビューが出せるようになるか教えて欲しいです。
よろしくお願いします。

Comments

[spookybird]

「全ブラウザで印刷プレビューを出す」とはどっちの意味ですか？　① 現状のコードで、あるブラウザで実行したときには印刷プレビューが表示されるが、別のブラウザ実行したときには印刷プレビューが出ないので出せるようにしたい。　② ボタンを押したらPCにインストールされているすべてのブラウザで同時に印刷プレビューを表示したい

Answer 1

ブラウザの印刷プレビューを呼ぶ汎用的な方法はありません（StackOverflow）。

JavaScriptで近いことをやろうとすれば、「印刷プレビューっぽい画面を自分で組んで、それに切り替える」ようなことはできます。

Comments

[_T_S]

そうなんですね！ありがとうございます！！
勉強になりました！！

ちなみにその印刷プレビューっぽい画面を自分で組んで、それに切り替える」はデザインとかが必要になって難しいものなのでしょうか？

[maisumakun]

それなりに手間がかかりますが、そういうプラグインも探せばあるかもしれません。