日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2014年5月12日月曜日

目次タイトルの名前を変数で与える - 2nd - Bloggerの記事に目次をJavaScriptで自動的に付与する

序章

この記事は「そうだ!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で自動的に付与する」シリーズ 記事一覧へ




関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...
Related Posts Plugin for WordPress, Blogger...