Нужен компонент Оглавления статей

Список оглавлений

#1 10 апреля 2015 в 18:11

Доброго времени суток уважаемые форумчане .
Нужен компонент оглавления статей, перед каждой статьей список с оглавлением,
Сами пункты оглавления брать поочередно из статьи (сами пункты в тегах h2)
Как это долго выглядеть в готовом варианте
Примерно так
joxi.ru/Vrwl3qBFJavVmX
Сколько будет стоить реализовать такой компонент?
Просьба писать в ЛС Цену и Сроки+ если есть портфолио будет отлично.

#2 10 апреля 2015 в 19:37

ну во первых это не компонент а плагин будет который перед выводом статьи будет выводить оглавление и который по факту должен выдернуть h2 заголовок и поставить на него якорь чтобы можно было перейти на нужный раздел.

Осуществляю все виды работ по разработке сайтов и веб приложении. Компоненты любой сложности и конфигурации. Телеграмм @instantcms_dev

#3 10 апреля 2015 в 21:37

Макс прав. Или фильтр. С точки зрения удобства писателя статьи фильтр даже лучше. А идея интересная.

NOP

Сегодня в 23:58

#4 10 апреля 2015 в 22:52

Дык можно и не заморачиваться, все просто решается несколькими строчками js в tpl шаблона.

#5 10 апреля 2015 в 23:01

да, но фильтр можно вставить в любое место статьи — хоть в начало, хоть после анонса, хоть в конец, а в tpl будет дубово стоять, где поставишь.

NOP

#6 11 апреля 2015 в 00:05

вставлять нужно будет только в начале статьи

#7 11 апреля 2015 в 01:45

Изменения вносим в com_content_read.tpl
Там, где нужно выводить оглавление, прописываем:

<h3>Оглавление:</h3>
<ul class="show-all-h2"></ul>

Внизу вставляем скрипт:

 
{literal}
<script type="text/javascript">
	var h2link = (function(i){return "#anchoron" + (i + 1);});
	var h2title = (function(i){return "anchoron" + (i + 1);});
	$('.con_text h2').clone().addClass('h2-list').prependTo('ul.show-all-h2').wrap("<li class='show-li-h2'><a href=''></a></li>");
	$('h2.h2-list').contents().unwrap();
	$(".con_text h2").attr('id', h2title);
	$('li.show-li-h2 a').attr('href', h2link).click(function(){
	    $('html, body').animate({
	        scrollTop: $( $.attr(this, 'href') ).offset().top
	    }, 500);
	    return false;
	});
</script>
{/literal}

Стилизируем на своё усмотрение, но базово хотя бы так (добавить в css):

 
ul.show-all-h2 {
  list-style-type: decimal;
  margin: 0;
  padding: 0;
}

Смотреть результат.

#8 11 апреля 2015 в 15:57

Ещё можно так. Второе решение сегодня постараюсь выложить в блог.

#9 12 апреля 2015 в 15:00

Джехутимери, браво-браво дружище. Отличный хак, красивый код.

NOP

#10 12 апреля 2015 в 18:37

Спасибо, Странник, приятно :)

Дизайн слайдов для суперслайде

Обновление работающего проекта

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

Нужен компонент Оглавления статей

Похожие темы

Обновление поля "Оглавление"

[ЕСТЬ РЕШЕНИЕ] Картинки в каталоге статей

как изменить категории для статей?

[ЕСТЬ РЕШЕНИЕ] Как для статей включить счётчик просмотров

Компонент конкурсов для статей

Внести изменения в компонент "Объявления"

InstantCMS Team

О проекте

Поддержка

Дополнения