JavaScript と CSS を使った「このページを印刷」リンク
クリックするとブラウザの印刷ダイアログが立ち上がる、いわゆる「このページを印刷」リンク。マークアップはだいたいこんな感じになると思う: <p class="print"> <a href="#" onclick="window.print(); return false;">このページを印刷</a> </p> でもこれ、JavaScript が無効の場合はどうなるだろう? そう、何も起こらない無意味なリンクになっちゃうよね。そこで、JavaScript と CSS を使ってひと工夫してみよう。 まずは JavaScript。例によって jQuery を読み込んだ上で、こんな風なスクリプトを記述: $(function(){ $('body').addClass('js-enabled'); }); もちろんクラス名はなんでもよくて、body 要素になんらかの class 属性を付与できれば
印刷範囲を指定できるjavascript「jPrintArea」 - ホームページ制作メモ - HTML CSS CMSなど -
印刷時にナビゲーションなどのいらない部分を省略したい時CSSを分けるのが面倒な場合。 jPrintAreaは簡単に印刷範囲を指定することができます。 jPrintAreaからjquery.jPrintArea.jsをjQueryからjquery.jsをダウンロードします。 ヘッダー内 <script src="～/jquery.js" type="text/javascript"></script> <script src="～/jquery.jPrintArea.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function(){ $('.link').click(function(){ $.jPrintArea('印刷対象の要素名') });
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
