印刷範囲を指定できるjavascript「jPrintArea」に関するコメントはまだありません。
ご遠慮なくコメントしてください。
印刷範囲を指定できるjavascript「jPrintArea」
印刷時にナビゲーションなどのいらない部分を省略したい時があります。
CSSを分けることで可能ですが、いちいち別のファイルを作成するのも面倒です。
jPrintAreaでは簡単に印刷範囲を指定することができます。
使用方法
jPrintAreaからjquery.jPrintArea.jsをjQueryからjquery.jsをダウンロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery.jPrintArea.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.link').click(function(){ $.jPrintArea('印刷対象の要素名') });
});
</script>
上記の.linkは印刷する時にクリックする要素です。
例）<a href="#" class="link">印刷</a>
印刷範囲を指定できるjavascript「jPrintArea」サンプル
2007年10月22日
前の記事：角丸作成javascript「curvyCorners」
次の記事：Movable Typeの管理画面にはてブの件数を表示するプラグイン「HatenaBookmarkWidget」
関連記事
- ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
- JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
- 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
- 心地よく要素を切り替えるJavaScript「jFlip」
- JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
コメント投稿
この記事へのトラックバック:
- ファイルサイズをJavaScriptライブラリ「jQuery」で自動表示する「addSizes.js」
- JavaScriptライブラリ「jQuery」を使用してフォームを華麗に彩る「jqTransform」
- Webカラーに関するサイト21
- 英字新聞ぽいコラムをJavaScriptライブラリ「jQuery」で作る「Columnizer」
- 心地よく要素を切り替えるJavaScript「jFlip」
- CoverFlowを実現するJavaScript「JS Coverflow」
- 画像を丸く輝かせるJavaScript「sphere.js」
- セクシーなLightBoxを実現するJavaScript「Sexy LightBox」
- JavaScriptライブラリ「jQuery」を使ってカレンダーを作る「jCal.js」
- カバーフローぽい画像ギャラリーJavaScript「ProtoFlow」