表示しているページのテキストリンクを生成するjavascript

(2006年11月 6日 17:53) | 個別ページ | コメント(0) | トラックバック(0)

Photolog::NIKKORE:bookmarkletのエントリーで紹介している表示しているページのテキストリンクを生成するjavascript。これはとても便利なので最近頻繁に使っています。

テキストリンク生成

上記のリンクをブックマークにそのまま登録し、表示しているページでブログのエントリーでテキストリンク表示したい場合にこのブックマークをクリックするだけでテキストリンクが簡単に生成できます。あとは、コピぺで貼り付けるだけと簡単。

試しに生成したテキストリンクがはこちらPhotolog::NIKKORE:bookmarklet

javascriptのソースは以下の通り

定義リストバージョン

このブックマークをちょっと自分なりにアレンジしました。定義リストのマークアップで使う<dl><dt></dt><dd></dd></dl>でのリンク生成にアレンジしました。私はエントリー内で、このパターンを一番よく使うのもあってです。

使う理由は、リンク先のアドレスも情報の一部として認識されるから。それにどこの内容のエントリーなんかかも一目でわかったりしていいと思っています。そんな理由で紹介しているサイトは、ほとんどが定義リストでURLにテキストリンク表示するようにしています。

【定義】テキストリンク生成

上のリンクと同じようにブックマークしておけば、表示しているページでクリックすることで定義リストでマークアップされたテキストリンクが生成されます。

試しに生成したテキストリンクがはこちら

Photolog::NIKKORE:bookmarklet: http://ch00282.kitaguni.tv/e796.html

javascriptのソースは以下の通り

また、他にも役立つものが作れれば。ちょっと最近真面目にjavascriptについて勉強中です。

トラックバック(0)

このブログ記事を参照しているブログ一覧: 表示しているページのテキストリンクを生成するjavascript

このブログ記事に対するトラックバックURL: http://weblibrary.s224.xrea.com/x/mt/mt-tb.cgi/193

コメントする

次の記事:取っておきたいWebサービスアカウント【TBで繋げよう】
前の記事:SNS-MySpaceにアカウント登録

ff-logo-big: firefoxロゴ
fmtube_image: ｆmtubesキャッチイメージ
mock.jpg: fm+tubesのモックページ（デザインレイアウト）。最終的にはこのスタイルでマルチブログで展開してみる構想。
mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。
mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです
caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する
tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。
psdtuts: http://psdtuts.com/のイメージ画像
designflavor.: http://www.designflavr.com/のイメージ
entrymain_template: ブログ記事の概要は、インデックステンプレート、ブログ記事のリスト（アーカイブテンプレート）、検索結果（システムテンプレート）の3つのテンプレートで共通に使われています。それぞれのテンプレートでの表示内容の違いをイメージに表してみました。

このページは、スカイが2006年11月 6日 17:53に書いたブログ記事です。

ひとつ前のブログ記事は「SNS-MySpaceにアカウント登録」です。

次のブログ記事は「取っておきたいWebサービスアカウント【TBで繋げよう】」です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。