序章
この記事は「そうだ!Bloggerの記事に目次を付けよう!」から始まる一連の「Bloggerの記事に目次をJavaScriptで自動的に付与する」シリーズの構成記事です。(2nd シリーズ)記事一覧は「Bloggerの記事に目次をJavaScriptで自動的に付与する - サポートページ」よりどうぞ。
2nd シリーズでは、1st シリーズで作成した目次機能に基本的な機能追加を行います。
今回の目的
2nd シリーズ第4回目の今回は以下の機能を実装します。目次タイトルの名前を”目次”以外の名前にできるように変数で与えるようにする。
今回の機能実装のポイント
今までの機能実装方法
今まではコード中に直接"目次"という目次のタイトルを記載していました。
あとから変更しやすいよう、変数にて目次のタイトルを与えるように修正します。
改良後の機能実装方法
次のように変数(index_title)にて、目次のタイトルを与えるように改良しました。/* 目次のタイトル */ var index_title = "- INDEX -";
html_index = "<div id=\"auto-generated-index\"><div id=\"auto-generated-index_title\">" + index_title + "</div><div id=\"auto-generated-index_content\">" + html_item + "</div></div>";
これで、目次のタイトルを変更してカスタマイズするのが容易になります。
次回は「目次にヘルプボタンを追加 」機能追加を行います。
「Bloggerの記事に目次をJavaScriptで自動的に付与する」シリーズ 記事一覧へ
コメントを投稿
コメント投稿機能について