Jump to content
  • 0

Переход по якорям с одинаковым именем в пределах одной страницы


georgich
 Share

Question

Подскажите, пожалуйста, можно ли решить следующую задачу средствами javascript (или как-нибудь по-другому)

есть страничка с несколькими якорями, у которых совпадают атрибуты href и name. Необходимо, чтобы при нажатии на любую ссылку осуществлялся бы переход к следующему якорю ниже на странице, а не к первому

<p><a href="#01" name="01">мама</a> мыла <a href="#02" name="02">раму</a></p>
...
<p><a href="#02" name="02">рама</a> мылась <a href="#01" name="01">мамой</a></p>
...
<p><a href="#01" name="01">маме</a> мыть <a href="#02" name="02">раму</a></p>

Требуется для того, чтобы пользователю не вводить каждый раз слово через CTRL+F. Кроме того, в моем проекте одинаковые атрибуты href и name могут иметь не только формы одного слова

Link to comment
Share on other sites

3 answers to this question

Recommended Posts

  • 0
на истину не настаиваю, но походу это вопрос из серии: а можно ли нажимая на одну и туже ссылку попадать на разные страницы? :)
Если ссылка ведёт на динамическую страницу :D
Link to comment
Share on other sites

  • 0

Теоретически можно — выбрать всё подходящее через getElementsByName, перебрать циклом, проверить координаты каждого, если очередной окажется в поле зрения — выйти из цикла на следующем, сделав ему scrollIntoView. Но сначала рекомендуется помедитировать на троллейбус :). Не проще ли сделать name-ы разными, как им и положено быть (напр., общая основа - подчеркивание - номер вхождения)?

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy