印刷ページの最下部にリンク先を表示するjavascriptに関するコメントはまだありません。
ご遠慮なくコメントしてください。
印刷ページの最下部にリンク先を表示するjavascript
prototype.jsなどが出てからjavascriptのライブラリを紹介するページが増えてきていますが、概略もしくは掲載ページの紹介のみでわかりづらい。しかも掲載ページが英語だとなおさらなので、分かる範囲で紹介していきます。
今回は、印刷ページの最下部にリンク先を表示するjavascriptの覚え書き。

これは、A List Apartというサイトで紹介されています。
サンプルページを印刷プレビューするとリンクしている場所に番号がついて、最下部に番号とリンク先が列挙されます。
では、使い方。
javascriptを二つ挿入:footnotelinks.js、link.js。
さらに、HTMLでは対象の部分を<div id="content">〜</div>で囲んで、CSSで
a:after {
content: " (" attr(href) ") ";
}
html.noted a:link:after,
html.noted a:visited:after {
content: '';
}
とすればいい。
「印刷ページの最下部にリンク先を表示する」サンプルはこちら。
既に出来上がっているサイトで、idのcontent部分じゃなくてmainとかに適用したいという場合は、footnotelinks.jsの最後の行を変更すればできます。
リンク先のタイトルも表示してくれると便利だけどなあ。
2007年06月21日
前の記事:rubyでフォームデータを受け取る
次の記事:javascriptでグラフを作成する「WebFX」
関連記事
- [jQuery]Rule
- javascriptでCSSを操る「Dynamic CSS via JavaScript」
- jQueryでCSSを切り替えるjavascript「Switch stylesheets with jQuery」
- 印刷範囲を指定できるjavascript「jPrintArea」
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
コメント投稿
この記事へのトラックバック:
- jQueryでLightBoxを実現するjavascript「jQuery Lightbox Plugin (balupton edition)」
- ビジュアル面で最高のタイムピッカーJavaScript「nogray_time_picker」
- BOMBERMAN JAVASCRIPT GAME by mootools.js
- 3ステップで表をソート&値を検索できるjavascript「dataTables」
- Movable Type 4.2にバージョンアップ
- ページの目次を自動で作成するjavascript「jqTOC」
- JavaScriptライブラリ「raphael」で図を描く
- ニューデザイン
- Widgetboxで手軽にRSS型ウィジェット(ガジェット)を作る
- 奥から手前にズームするJavaScript「Spacegallery.js」













