Меню содержания статьи в CMS DataLife Engine

Меню содержания статьи в CMS  DataLife Engine

В некоторых статья я делал такое меню в ручную. Но это было довольно затратно по времени. При том что я и так много времени трачу на размещение статьи: правильная верстка статей, удаление лишних тегов и т.п. То не во все статьи встраивал такое меню.

Теперь же благодаря вставки в шаблон страницы кода:

    <div id="the_content">{full-story}</div> <script> $(document).ready(function(){ if($("#the_content h1, #the_content h2, #the_content h3, #the_content h4, #the_content h5").length){ $("#the_content p:first").after('<div id="table_of_contents"> <div class="toc-title"><b>Содержание</b></div><ul></ul></div>'); $("#the_content h1, #the_content h2, #the_content h3, #the_content h4, #the_content h5").each(function(i) { var current = $(this); current.attr("id", "title" + i); $("#table_of_contents ul").append("<li class='list-" + current.prop("tagName") + "'> <a id='chapter" + i + "' href='#title" + i + "' title='" + current.prop("tagName") + "'>" + current.html() + "</a></li>"); }); } }); </script>

Вместо этого кода

{full-story}

Код искал довольно долго. Чаще встречал плагины и решения для CMS WP. Но все таки удалось найти и внедрить. Теперь осталось подправить прошлые статьи.

Пример статьи с меню можно посомтреть здесь.

Рейтинг
( Пока оценок нет )
Сергей Ковалев/ автор статьи
Понравилась статья? Поделиться с друзьями:
Про Интернет-Маркетинг
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: