[Решено] Сделать содержание статьи с помощью якоря

[Stethem]

Столкнулся с проблемой в установки якоря для оглавления большого описания, стандартный код не работает.

<div style="border: 1px dotted black; padding: 5px 5px 0 15px; margin: 5px;">
<strong>Содержание статьи:</strong>
        <ol>
        <li><a href="#name1">Подзаголовок 1</a></li>
        <li><a href="#name2">Подзаголовок 2</a></li>
        </ol>
</div>

в тексте:

<h2 id="name1">Подзаголовок 1</h2>
<h3 id="name2">Подзаголовок 2</h3>

нашёл решение прописав страницу:

<li><a href="galan-ochag.html#1">Кому заказать Галан Очаг выгодно?</a></li>

В Хроме работает

НО!!!

МАЗИЛА страницу прокручивает в конец.

Подскажите кто сталкивался, как решается этот вопрос.

 

Ссылка на страницу:

fillheat.ru/elektrodnyie-kotlyi/galan-ochag.html

Хотелось бы подсказку интересного кода:

1. Чтобы было оглавление.

2. Статья была частично спрятана и раскрывалась при клике на оглавление ( как вариант читать дальше)

[pashast]

Основы же

http://htmlbook.ru/css/selector/id

 

При описании идентификатора вначале указывается символ решётки (#), затем идёт имя идентификатора. Оно должно начинаться с латинского символа и может содержать в себе символ дефиса (-) и подчеркивания (_)

[afwollis]

погугли по форуму этот вопрос.

подробно описывались и "проблема" (вызванная непониманием механизма работы якоря), и несколько вариантов решения для ветки 15х.

[Stethem]

Исправил ошибки, прописал в ссылке весь адрес

<ol><li><a href="http://..../..../....html#a1">подзаголовок</a></li>

не указываю ссылку не буду она выше есть. Вроде все работает.

 

Так же спасибо за подсказку где найти материал по этой теме:

решения в ветки 15х. действительно я нашёл, только вариантов уже четыре, это:

как вариант - использовать такие ссылки в статьях

<a href="javascript:;" onclick="document.location.hash='anchor';">Anchor</a>

второй:

$(document).ready(function() {
var pathname = window.location.href;
$('a').each(function(){
var link = $(this).attr('href');
if (link.substr(0,1) == "#") {
$(this).attr('href') = pathname + link;
}
});
}

третий:

убрать base вовсе, а в ссылки указать просто "#anchor"

четвертый - как я сделал.

 

Какой из них самый лучший, чтобы работал если даже у посетителя отключен java?

 

И все таки может есть интересное решение:

Чтобы все таки статья частично была спрятана а раскрывалась когда пользователи кликнут по оглавлению.

Что такое вам встречалось?

Спасибо за помощь.

[afwollis]

Какой из них самый лучший, чтобы работал если даже у посетителя отключен java?

>>

или переработать вывод содержимого статей/описаний для вывода корректных URLов в ссылках с якорями.

И все таки может есть интересное решение:

Чтобы все таки статья частично была спрятана а раскрывалась когда пользователи кликнут по оглавлению.

это называется "спойлер" ([Решено] Спойлер для ocstore v1.5.x).

поиск в помощь.