Вернуться к последней нажатой кнопке в таблице, JS? JQUERY? Опции

[mzk]

Друзья, динамически рисуется таблица на html и в последней колонке есть поля инпута и кнопка "button"
Может быть от 1 до 150 строк (кнопок) за поиск, у всех строк\кнопок есть уникальные id.

После нажатия на кнопку, например, "id=89 button", происходит отправка данных и рефреш страницы.
Каким образом после рефреша я могу вернуться к этой же кнопке, чтобы не крутить колесо мышки в 30 экранов?

Спасибо

[yarnik]

html якорь?

[mzk]

А как выцепить последнюю нажатую кнопку и спуститься к ней автоматом ?
По нажатию на кнопку происходит вот это:

$(document).on('click', '.buttonu', function( event ) {
  var $button = $(event.target);
  var $row = $button.closest('tr');
  var $elements = $row.find('input');
  var data = $elements.serialize();
    alert(this.id);
  $.ajax({
    type : 'POST',
    data : data,
    url : "update_mysql.php",
    success : function(result){

      alert(result);
      document.getElementById('submit').click();
    }


  });
  return false;
});

Обновляется БД, на страничке вылажит алерт с результатом и кнопкой "Ок". После нажатия на "Ок" нажимается кнопка "submit", которая обновляет страницу (запускает поиск заново и выводит уже обновленную инфу из БД)

[yarnik]

Аякс тут не при чем,
Вы же писали что у каждой кнопки есть свой ID, прицепите рядом и якоря с уникальным ID. Осталось во время перезагрузки страницы указать какой именно якорь вы хотите видеть.

[mzk]

Якорем может выступить и id кнопки в этом случае.
Вопрос остается открытым, как мне прыгать в последний нажатый якорь после перезагрузки страницы?

[Chiffons]

Якорем может выступить и id кнопки в этом случае.
Вопрос остается открытым, как мне прыгать в последний нажатый якорь после перезагрузки страницы?

записывать якорь в cookie или Local storage

[mega K.]

делать не рефреш, а редирект с query парметром (example.com/?id=89 button) ну и при отрисовке уже джаваскриптом двигать к этой кнопке

[mzk]

...или Local storage

Глядя на гайды - очень подходит. А как под себя поправить - не соображаю...

[SyntaxError]

ты можешь сервером редиректить на урл с хэшом и тебе не нужен js для этого, т.к. браузер по дефолу скроллит к элементу с нужным ID.

yourwebsite.com/#button_ID

Сообщение отредактировал SyntaxError - Apr 11 2018, 11:17

[yarnik]

ты можешь сервером редиректить на урл с хэшом и тебе не нужен js для этого, т.к. браузер по дефолу скроллит к элементу с нужным ID.

yourwebsite.com/#button_ID

я про это сразу и говорил

[mzk]

Это работает только уже после нажатия на кнопку Поиск (submit).
Без нажатия на кнопку мне бекенд не отдаст список строк с кнопками (send_change)

Если построить логику так:
1) написать в поле инпута "блабла"
2) нажать кнопку "send_change", которая записывает инфу в БД дергая php файл через ajax.
3) после записи в БД этот же ajax нажимает кнопку Поиск (submit), чтобы увидеть результат с обновленной инфой
4) Сделать редирект в yourwebsite.com/#button_ID

Для этого нужно знать последний нажатый #button_ID, который я не соображаю как сохранять в localstorage или sessionstorage

[Freestyler]

Set: localStorage.setItem("buttonID", button_ID)

Get: localStorage.getItem("buttonID")

[SyntaxError]

Это работает только уже после нажатия на кнопку Поиск (submit).
Без нажатия на кнопку мне бекенд не отдаст список строк с кнопками (send_change)

Если построить логику так:
1) написать в поле инпута "блабла"
2) нажать кнопку "send_change", которая записывает инфу в БД дергая php файл через ajax.
3) после записи в БД этот же ajax нажимает кнопку Поиск (submit), чтобы увидеть результат с обновленной инфой
4) Сделать редирект в yourwebsite.com/#button_ID

Для этого нужно знать последний нажатый #button_ID, который я не соображаю как сохранять в localstorage или sessionstorage

Если все происходит без перезагрузки, то тебе не нужны хранилища. Кнопка у тебя уже есть - event.target. Ты ее можешь сохранит в глобальную переменную, если надо обратиться из другого скрипта.
Дальше можно либо менять window.location, либо считать offset top кнопки и скроллить страницу методом sctollTop на величину offset top.