Гость
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Внутренний переход по динамической ссылке (маркеру) / 6 сообщений из 6, страница 1 из 1
10.03.2021, 17:47
    #40052404
MsGuns
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Внутренний переход по динамической ссылке (маркеру)
Здравствуйте, форумчане !

Есть сетка (<table>) с кучей строк, в которой есть единственная "текущая", кликнутая пользователем. Она выделяется от остальных стилизацией.
Все как обычно.

Но при прокрутке сетки "текущая" строка уходит с экрана. Нужно получить возможность быстро вернуть ее на экран.
Ничего иного, кроме как JS кликнуть на <a href="#имя"> не придумал.
Но фишка в том, что уникальных имен для строк нету по понятной причине.
Есть глобальная переменная ACTIVE_GRID_ROW, куда при кликах на <tbody> записывается ссылка на последнюю "кликнутую" строку сетки.
Однако, как ее "засунуть" в ссылку <a> - неизвестно.

Спасибо за любую помощь, ссылки, советы.
...
Рейтинг: 0 / 0
10.03.2021, 20:50
    #40052446
DHDD
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Внутренний переход по динамической ссылке (маркеру)
MsGuns,

по номеру ACTIVE_GRID_ROW_NUM:
Код: javascript
1.
2.
document.querySelectorAll('.forumTable tr')[1].scrollIntoViewIfNeeded()
document.querySelectorAll('.forumTable tr')[31].scrollIntoViewIfNeeded()



если ACTIVE_GRID_ROW html-элемент:
Код: javascript
1.
ACTIVE_GRID_ROW.scrollIntoViewIfNeeded()
...
Рейтинг: 0 / 0
10.03.2021, 20:53
    #40052447
DHDD
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Внутренний переход по динамической ссылке (маркеру)
MsGuns
Однако, как ее "засунуть" в ссылку <a> - неизвестно.


Код: html
1.
<a onclick="ACTIVE_GRID_ROW.scrollIntoViewIfNeeded()">scroll back</a>
...
Рейтинг: 0 / 0
11.03.2021, 00:15
    #40052485
MsGuns
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Внутренний переход по динамической ссылке (маркеру)
>DHDD

Ну да, scrollintoview решает, а вот <a> без href - этого я не знал. И это серьезно :)
Большое спасибо
...
Рейтинг: 0 / 0
11.03.2021, 18:12
    #40052676
вадя
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Внутренний переход по динамической ссылке (маркеру)
...
Рейтинг: 0 / 0
11.03.2021, 18:55
    #40052685
DHDD
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Внутренний переход по динамической ссылке (маркеру)
резкий переход:
.scrollIntoView()
плавный переход:
.scrollIntoView({ block: "center", behavior: "smooth" })
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Внутренний переход по динамической ссылке (маркеру) / 6 сообщений из 6, страница 1 из 1
Целевая тема:
Создать новую тему:
Автор:
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]