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

Как на jQuery сделать автоматический переход по ссылкам с якорем?
Доброго вечера знатокам JS!
Нужна ваша помощь в написании скрипта автоматического перехода
по ссылкам с якорем на одной странице.

Имеется вот такой html (для примера)
<html>
<body>

<div><img onclick="скрипт">кнопка посмотреть список</img></div>

<div align="center">
<div id="div1"> контейнер <strong>(№1)</strong></div>
<div><a href="#div2" class="GoDiv">ссылка на контейнер (№2)</a></div>
<div> здесь содержимое (№1) и в нём некоторый текст....<br>
-------------------------------------------------------<br>
-------------------------------------------------------<br>
-------------------------------------------------------
</div>
</div>

<br>
<br>

<div align="center">
<div id="div2"> это контейнер <strong>(№2)</strong></div>
<div><a href="#div3" class="GoDiv">ссылка на контейнер (№3)</a></div>
<div> здесь содержимое (№2) и в нём некоторый текст....<br>
-------------------------------------------------------<br>
-------------------------------------------------------<br>
-------------------------------------------------------
</div>
</div>

<br>
<br>

<div align="center">
<div id="div3"> это контейнер <strong>(№3)</strong></div>
<div><a href="#div4" class="GoDiv">ссылка на контейнер (№4)</a></div>
<div> здесь содержимое (№3) и в нём некоторый текст....<br>
-------------------------------------------------------<br>
-------------------------------------------------------<br>
-------------------------------------------------------
</div>
</div>
<br>
<br>

<div align="center">
<div id="div4"> контейнер <strong>(№4)</strong></div>
<div><a href="#div5" class="GoDiv">ссылка на контейнер (№5)</a></div>
<div> здесь содержимое (№4) и в нём некоторый текст....<br>
-------------------------------------------------------<br>
-------------------------------------------------------<br>
-------------------------------------------------------
</div>
</div>

<br>
<br>

<div align="center">
<div id="div5"> это контейнер  <strong>(№5)</strong></div>
<div><a href="#div1" class="GoDiv">ссылка на контейнер (№1)</a></div>
<div> здесь содержимое (№5) и в нём некоторый текст....<br>
-------------------------------------------------------<br>
-------------------------------------------------------<br>
-------------------------------------------------------
</div>
</div>


</body>
</html>


Третий день безуспешно пытаюсь написать скрипт автоматического перехода по ссылкам с якорем и классом "GoDiv"

Прочитал страницы учебника по таким темам как:
как найти элементы с одним классом (getElementsByClassName)
как перебрать массив в цикле
как сделать задержку по времени
и всё что мне показалось пригодным для создания скрипта.

Теперь в голове всё перемешалось и я совсем запутался.
Если сперва у меня что то немного получалось, то теперь мой
скрипт совсем перестал работать
получился чудо велосипед на jQuery
В общем я его удалил с концами...
И мне ничего не осталось как обратится к спецам то есть к вам!

что должен сделать скрипт:
1) пользователь нажимает кнопку "посмотреть список"
2) скрипт запускается и проходит по очереди по всем ссылкам
у которых указан класс "GoDiv" (количество ссылок всегда разное)
на каждом блоке задерживается на пять секунд.
3) дойдя до последнего блока, делает так же задержку 5 сек. и возвращается к первому. Там и останавливается.

В гугл и учебник прошу не отправлять, там я был и безрезультатно.
Если бы получилось написать код самостоятельно, то так бы и сделал.

Последний раз редактировалось SV4, 19.11.2016 в 21:38.
Ответить с цитированием