Тема: tab boostrap
Показать сообщение отдельно
  #2 (permalink)  
Старый 16.03.2020, 08:44
Аватар для voraa
Профессор
Отправить личное сообщение для voraa Посмотреть профиль Найти все сообщения от voraa
 
Регистрация: 03.02.2020
Сообщений: 2,702

Если совсем невмоготу возложить это на сервер, то можно вызывать страницу с табами с параметрами поиска. Вот так
<a href="pagewithtabs.html?tab=home-tab">Home tab </a>
<a href="pagewithtabs.html?tab=profile-tab">Profile tab </a>

На самой странице с табами вставить такой скрипт после

<ul class="nav nav-tabs border-none-main" id="myTab" role="tablist">
....
</ul>

<script>
	if (window.location.search) { //Есть строка ?...
		let kbeg = window.location.search.indexOf('tab=')+4
		let kend = window.location.search.indexOf('&', kbeg)
		let acttabname = kend<0? window.location.search.slice( kbeg) : window.location.search.slice( kbeg, kend) // имя вкладки, которую делаем активной
		let oldact = document.querySelector('#myTab a[class~="active"]') // предыдущая активная вкладка
		let newact = document.getElementById(acttabname)
		if (oldact !== newact) {
			oldact.classList.remove('active')
			newact.classList.add('active')
		} 
	}

</script>
Ответить с цитированием