blockquote要素単体から引用元を視覚化するスクリプト

説明については、http://w3g.jp/blog/tools/blockquote_linkerを参照してください。

cite属性にURL、title属性に引用元の説明情報がある場合

1章　jQueryの基礎

• レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする
• レシピ1.2 ページの読み込みが完了する前にjQuery/JavaScriptコードを実行する
• レシピ1.3 セレクタとjQuery関数を使ってDOM要素を選択する
• レシピ1.4 指定されたコンテキストでDOM要素を選択する
• レシピ1.5 DOM要素のラッパーセットのフィルタリング

cite属性にurn:isbn:ISBNコード、title属性に引用元の書籍名がある場合

1章　jQueryの基礎

• レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする
• レシピ1.2 ページの読み込みが完了する前にjQuery/JavaScriptコードを実行する
• レシピ1.3 セレクタとjQuery関数を使ってDOM要素を選択する
• レシピ1.4 指定されたコンテキストでDOM要素を選択する
• レシピ1.5 DOM要素のラッパーセットのフィルタリング

cite属性にURLがあるけれども、title属性が示されていない場合

1章　jQueryの基礎

• レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする
• レシピ1.2 ページの読み込みが完了する前にjQuery/JavaScriptコードを実行する
• レシピ1.3 セレクタとjQuery関数を使ってDOM要素を選択する
• レシピ1.4 指定されたコンテキストでDOM要素を選択する
• レシピ1.5 DOM要素のラッパーセットのフィルタリング

cite属性にurn:isbn:ISBNコードがあるけれども、title属性が示されていない場合

1章　jQueryの基礎

• レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする
• レシピ1.2 ページの読み込みが完了する前にjQuery/JavaScriptコードを実行する
• レシピ1.3 セレクタとjQuery関数を使ってDOM要素を選択する
• レシピ1.4 指定されたコンテキストでDOM要素を選択する
• レシピ1.5 DOM要素のラッパーセットのフィルタリング

title属性しか示されていない場合

1章　jQueryの基礎

• レシピ1.1 HTMLページでjQueryライブラリコードをインクルードする
• レシピ1.2 ページの読み込みが完了する前にjQuery/JavaScriptコードを実行する
• レシピ1.3 セレクタとjQuery関数を使ってDOM要素を選択する
• レシピ1.4 指定されたコンテキストでDOM要素を選択する
• レシピ1.5 DOM要素のラッパーセットのフィルタリング