Как сделать, чтобы после обновления страницы «таб» оставался активным?

Question

[mr_firuzinho]

Как сделать, чтобы после обновления страницы, активный "таб" оставался активным ?
Сейчас когда активен, например, таб 2, то после обновления всегда активен таб 1, надо сделать, чтобы находясь в табе 2 и обновив страничку, таб 2 оставался активным. Простите за тавтологию.
Вот код таба:

<ul class="tabs-nav">
<li class="">
<a href="#tab-8f7bcc0f-0146-0" style="border-bottom-color: rgb(246, 246, 246);">Глажка</a></li>
<li class=""><a href="#tab-a3a904bc-cb5d-5" style="border-bottom-color: rgb(246, 246, 246);">Стирка</a></li>
<li class="active"><a href="#tab-1486114606379-2-7" style="border-bottom-color: rgb(246, 246, 246);">Химчистка</a></li>
<li class=""><a href="#tab-1486115968542-3-1" style="border-bottom-color: rgb(246, 246, 246);">Доставка</a></li>
<li class=""><a href="#tab-1486115987794-4-7" style="border-bottom-color: rgb(246, 246, 246);">Сроки</a></li>
</ul>

Comments

[Ankhena]

http://jquery.page2page.ru/index.php5/Работа_с_cookie

[Ankhena]

https://goo.gl/yoiKOD

Answer 1

[Nwton]

При смене таба, сохраняй данные о текущем табе в куки.
При загрузке страницы, доставай из кук данные о текущем табе и в соответствии с ними, открывай нужный таб.

p.s. css внутри style это конечно мощно.

Comments

[mr_firuzinho]

спасибо
а насчет css - это через php

[Nwton]

mr_firuzinho: у вас везде одно и тоже содержимое style. Запишите его в .css файл и присваивайте class

[mr_firuzinho]

Nwton: Спасибо за совет, учту!

[mr_firuzinho]

А можете начеркать код примерно, как реализовать ?

[Nwton]

mr_firuzinho: начинайте сами, если что-то будет не получатся, задавайте дополнительный вопрос, поможем. Но с нуля писать код вам бесплатно никто не станет

[mr_firuzinho]

Nwton: понятно, спасибо

[Stalker_RED]

Nwton: Куки - не самый хороший вариант. Лучше писать в lacalstorage, или, если нужно чтобы состояние отображалось и в ссылке, то в location.hash

[Nwton]

Stalker_RED: это уже нюансы

[Ankhena]

Stalker_RED: почему в данной ситуации куки плохо?

[Nwton]

Ankhena W: потому что все куки отправляются на сервер. А содержимое ls - нет. На сервере инфа о табах ненужна и нет смысла лишний раз грузить сервер лишними кб.

[Stalker_RED]

Ankhena W: Причем отправляются при каждом запросе.

[Ankhena]

Stalker_RED: Nwton: понятно, спасибо

Answer 2

[ThunderCat]

пишите в куки текущий таб, онлоад вешаете смену активного таба.

Comments

[mr_firuzinho]

Простите, но можете,если есть время, начеркать ? или это долго ?

[ThunderCat]

mr_firuzinho: сложно, и не по тому что долго, а по тому что в такой каше дольше разбираться чем код писать. Найдите код где у вас меняется по клику таб, добавьте строчки сохранения номера(или имени) таба который становится активным в куки. Добавьте в конце странички код жс, с событием window.onload(), в гугле тьма примеров, проверяете переменную в куках и выставляете активным нужный таб.