Как повесить на ссылку окончание ввиде tab1 или tab2?

Question

[blackbb]

Здравствуйте. Можете помочь написать скрипт, который на этой странице при нажатии перехода на пункты в пагинации оставлял открытой ту вкладку, которая была открыта. Там две вкладки(заказы и предложения), например, если я выберу предложения и нажму на вторую страницу в пагинаторе, то по умолчанию открываются заказы, а нужно предложения.

Comments

[Алексей Ярков]

Можете помочь написать скрипт

Помочь - легко, а писать за вас никто не хочет.
Покажите что вы пытались сделать и что у вас не получается.

[alex]

че нажимать, куда нажимать, заказы, предложения... без поллитра не разберешься, хотьбы скрин кинули с пояснениями.

[blackbb]

Alex, зачем скрин, если ссылка есть)

[blackbb]

Алексей Ярков, Да ничего еще и не писал, даже не знаю в какую сторону копать.

[Stalker_RED]

blackbb, насколько я вижу, у вас уже используется jquery.
Логично было бы подключить jquey tabs

[blackbb]

Stalker_RED, Возможно вы не поняли вопроса. Табы там переключаются идеально.

[Stalker_RED]

blackbb, пришлось внимательнее посмотреть вашу страничку:)

То есть вам нужно, чтобы при переходе на другую страницу сохранялось состояние табов? Тогда можно добавить это состояние параметром в URL или записывать куда-то локально, в localStorage, например.
А при загрузке страницы проверять что там записано и активировать соответствующий таб.

[blackbb]

Stalker_RED, Да, вот это мне надо)

[Stalker_RED]

blackbb,

// при смене таба
location.hash = 'tabi'

// при загрузке
if(location.hash) {
  // ...
}

[blackbb]

Stalker_RED, а можете подробнее расписать?

[Stalker_RED]

blackbb, что именно подробнее? Начать с основ js или с чего?
Какие из этих строк понятны, а какие выхывают вопросы?

Answer 1

[AngReload]

document.addEventListener("DOMContentLoaded", function () {
  var tab1 = document.getElementById('ui-id-1');
  var tab2 = document.getElementById('ui-id-2');
  if (tab1 && tab2) {
    tab1.addEventListener('click', function () {
      if (localStorage) localStorage.isSecondTab = '';
    });
    tab2.addEventListener('click', function () {
      if (localStorage) localStorage.isSecondTab = 'true';
    });
    if (localStorage && localStorage.isSecondTab === 'true') tab2.click();
  }
});

Comments

[blackbb]

Немного не то, этот код вешает tab1 и tab2 на сами заклакди и они перестают работать, а надо вешать на пункты 1,2,3,4 и т.д. в пагинации снизу.