ページのアウトラインを自動表示するJavaScript


ページの中のあるID配下にある、ある要素をすべて取得し、その要素に対してページ内リンクをあるdiv要素の中に自動で作成するJavaScriptです。
"jsoutlinelist"というIDのリスト(ul)で出力されます。
また、その取得する要素にすでにIDが設定されている場合は、そのIDをそのまま利用してアンカーを作成します。

onloadで呼び出すので、他にonloadで呼び出すものがあると正常に動作しません。
対策方法として、to-Rさんの複数のjsライブラリを利用する際にonloadを書き換える方法を参照ください。

見出し1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi at dolor at nunc accumsan aliquet. Mauris lectus diam, viverra a ornare ut, tempus ac dolor. Nullam at semper urna. Sed accumsan, est ac laoreet ultricies, eros turpis elementum justo, vel lacinia neque enim in nibh. Duis erat arcu, gravida eu fringilla a, tristique quis neque.

見出し2

Sed in hendrerit felis. Vivamus commodo faucibus eros, id auctor orci condimentum ut. Curabitur vitae faucibus est. Nunc feugiat ante ut tellus sagittis vehicula. Duis tellus mauris, mollis vitae vulputate et, scelerisque in urna. Aenean non felis posuere felis volutpat fringilla. Nullam nisi velit, fermentum sit amet venenatis eu, bibendum at tortor. In hac habitasse platea dictumst.

見出し3

Nulla eu tincidunt libero. Suspendisse auctor dignissim augue, vitae blandit nibh commodo et. Donec vitae mauris id enim porta accumsan. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Integer eget lorem elit, in vulputate sem. Phasellus eget sapien nec felis pretium facilisis. Mauris luctus tempus sapien at egestas.

見出し4

nteger dapibus fringilla consectetur. Quisque vel nisi non augue suscipit aliquam sed et ligula. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Quisque adipiscing ligula eu sem vestibulum sit amet viverra sem ullamcorper. Mauris in eros lacus. Vivamus id leo nisl, vitae malesuada turpis. Integer enim nulla, ultrices at tempus vel, sodales id ligula.

見出し5

Nullam consectetur dui quis lacus facilisis quis viverra urna egestas. Phasellus scelerisque ligula vitae massa egestas sagittis. Praesent vehicula sapien in quam congue viverra. Nam in lorem commodo nunc ornare adipiscing. Cras dignissim vulputate feugiat. Suspendisse potenti.


タグ:JavaScript


HOME2011年の記事ページのアウトラインを自動表示するJavaScript

Yahoo!ブックマークに登録

[#]HOME [*]Search [0]PageTop

[HTML link code]
[PR]セール品検索もできるAmazon検索