skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

skuare.netが紹介するJavaScirptでサイトをリッチに

印刷ページの最下部にリンク先を表示するjavascript

twitterにつぶやく このエントリーを含むはてなブックマーク はてなブックマークを見るこの記事をクリップ! コメントを見るYahoo!ブックマークに登録 このエントリーをdel.icio.usに追加する deliciousブックマーク数このページを行き先登録 このページをniftyクリップに登録このページをBuzzurlに登録

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

これは、A List Apartというサイトで紹介されています。
サンプルページを印刷プレビューするとリンクしている場所に番号がついて、最下部に番号とリンク先が列挙されます。
では、使い方。
javascriptを二つ挿入:footnotelinks.jslink.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日

follow me

▼印刷ページの最下部にリンク先を表示するjavascriptへのコメントはtwitterにて受け付けています。
twitterでコメントする twitterでコメントする

前の記事:rubyでフォームデータを受け取る
次の記事:javascriptでグラフを作成する「WebFX」

ページの最初に戻る

about me

skuare

大学卒業後、某PR会社にてPR誌の取材・編集・デザインからPRコンサルティング、調査分析まで幅広い業務に携わる。業務の合間合間にWEB制作に関する技術を習得。
2007年6月から当サイト「skuare.net」を開始。その後、ホームページ制作会社に転職し、WEBサイト制作に本格的に従事し、CMS、JavaScriptに無駄に突っ込むディレクターとして活動中。ホロヨッターもやっています。
もし、もうちょっと詳細を見たかったら・・・・こちら >>

I'm @ Social media below

  • skuare.net rss
  • skuare's twitter
  • skuare's twitter
  • skuare's linkedin
  • skuare's facebook
Copyright (c) skuare.net All Rights Reserved.