Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Якорные ссылки в начале статьи (https://javascript.ru/forum/dom-window/84803-yakornye-ssylki-v-nachale-stati.html)

Pozherskaya 28.12.2022 02:19

Якорные ссылки в начале статьи
 
Вложений: 1
Всем привет. Подскажите плиз скрипт для сайта на HTML без движка для автоматического добавления меню перед статьей (для вордпресс есть плагин подобный). Пример https://invest1.pro/strategy-imbalans/
Если подобного решения нет, готова заплатить за разработку.

voraa 28.12.2022 08:03

Все зависит от того, как там в статье у вас все это оформляется.
Если предположить, что в начале статьи ставится пустой div с классом, в котором должно быть размещено оглавление
<div class="content"></div>

А заголовки задаются элементами с классом и обязательным атрибутом id
<h2 id="rzd4" class="header">Заголовок раздела 4</h2>


Тогда можно использовать такой скрипт, разместив его в конце body
<script>
const headers = [...document.querySelectorAll('.header[id]')];

const content = headers.reduce((cont, hd) => {
		const li= document.createElement('li');
		const a = document.createElement('a');
		a.setAttribute('href', '#' + hd.id);
		a.textContent = hd.textContent;
		li.append(a);
		cont.append(li);
		return cont; 
	}, 
	document.createElement('ul')
);

document.querySelector('.content').append(content);
</script>


Был бы пример статьи, можно было бы проверить его.

ksa 28.12.2022 11:34

Цитата:

Сообщение от Pozherskaya
готова заплатить за разработку

Какой бюджет на это?


Часовой пояс GMT +3, время: 05:07.