jQueryで印刷させたいエリアだけを印刷対応させることが
できるjavascriptを発見![ひらめき電球](https://stat.ameba.jp/blog/ucs/img/char/char2/089.gif)
結構印刷対応ってメニューとか消したりして
手間なんですよね。
これなら簡単にできます![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
設置も実装も楽ちんです。
印刷範囲を指定できるjavascript「jPrintArea」
本家のサイトが消えていて「jquery.jPrintArea.js」が
ダウンロードできないのでソースを載せときます。
ちょっとこのままだとバグる可能性があるらしいので
もしダメだったら手を入れている方がいたので
参考にしてください。
jPrintArea.jsの動きがバグバグだったので手を入れた
できるjavascriptを発見
![ひらめき電球](https://stat.ameba.jp/blog/ucs/img/char/char2/089.gif)
結構印刷対応ってメニューとか消したりして
手間なんですよね。
これなら簡単にできます
![ニコニコ](https://stat.ameba.jp/blog/ucs/img/char/char2/139.gif)
設置も実装も楽ちんです。
印刷範囲を指定できるjavascript「jPrintArea」
$(document).ready(function(){
$('.link').click(function(){ $.jPrintArea('印刷対象の要素名') });
});
本家のサイトが消えていて「jquery.jPrintArea.js」が
ダウンロードできないのでソースを載せときます。
ちょっとこのままだとバグる可能性があるらしいので
もしダメだったら手を入れている方がいたので
参考にしてください。
jPrintArea.jsの動きがバグバグだったので手を入れた
$.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;iif(links[i].rel.toLowerCase()=='stylesheet')
doc.write('');
doc.write(''+$(el).html()+'');
doc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
alert('Printing...');
document.body.removeChild(iframe);
}