Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 28.12.2022, 02:19
Новичок на форуме
Отправить личное сообщение для Pozherskaya Посмотреть профиль Найти все сообщения от Pozherskaya
 
Регистрация: 28.12.2022
Сообщений: 1

Якорные ссылки в начале статьи
Всем привет. Подскажите плиз скрипт для сайта на HTML без движка для автоматического добавления меню перед статьей (для вордпресс есть плагин подобный). Пример https://invest1.pro/strategy-imbalans/
Если подобного решения нет, готова заплатить за разработку.
Изображения:
Тип файла: jpg Screenshot_83.jpg (132.4 Кб, 4 просмотров)
Ответить с цитированием
  #2 (permalink)  
Старый 28.12.2022, 08:03
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,750

Все зависит от того, как там в статье у вас все это оформляется.
Если предположить, что в начале статьи ставится пустой 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>


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

Последний раз редактировалось voraa, 28.12.2022 в 08:29.
Ответить с цитированием
  #3 (permalink)  
Старый 28.12.2022, 11:34
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 14,223

Сообщение от Pozherskaya
готова заплатить за разработку
Какой бюджет на это?
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Картинка вместо текста ссылки _marisha Общие вопросы Javascript 10 01.02.2019 08:46
Нужно модифицировать ссылки на странице Chmil Элементы интерфейса 7 02.08.2018 00:22
JS и неработающие ссылки Sovka22 Javascript под браузер 1 13.01.2018 15:37
Не получается изменить стандартные действия ссылки Dolphin jQuery 9 20.09.2016 12:36
Внутри разворачивающегося по клику DIVа не работают ссылки JavaScriptNoob Элементы интерфейса 2 17.11.2015 00:01