Forums / National / Russian / Тех. поддержка / Bootstrap localstorage nav-tab Сохранение вкладки при перезагрузки страницы

vpktz
#46664 2023-05-24 08:29
#46657 webitproff:

 в шаблоне темы в header.tpl  есть

<div id="ajaxBlock">

этот  id ?

Добавлено 2 минуты спустя:

еще и от  темы зависит, от бутстрапа...

Добавлено 3 минуты спустя:

вот стартовый вариант

	<div class="span9">
	  <div class="pull-right">
	    <!-- IF {USERS_DETAILS_ISPRO} -->
	    <span class="label label-important">PRO</span>
	    <!-- ENDIF -->
	    <span class="label label-info">{USERS_DETAILS_USERPOINTS}</span>
	  </div>
	  <div class="tabbable">
	    <ul class="nav nav-tabs">
	      <li <!-- IF !{PHP.tab} --> class="active"
	        <!-- ENDIF -->> <a href="{USERS_DETAILS_DETAILSLINK}#tab_info" data-toggle="tab">{PHP.L.Main}</a>
	      </li>
	      <!-- IF {PHP.cot_modules.folio} -->
	      <li <!-- IF {PHP.tab}=='portfolio' --> class="active"
	        <!-- ENDIF -->> <a href="{USERS_DETAILS_FOLIO_URL}#tab_portfolio" data-toggle="tab">{PHP.L.folio} {USERS_DETAILS_FOLIO_COUNT}</a>
	      </li>
	      <!-- ENDIF -->
	      <!-- IF {PHP.cot_modules.market} -->
	      <li <!-- IF {PHP.tab}=='market' --> class="active"
	        <!-- ENDIF -->> <a href="{USERS_DETAILS_MARKET_URL}#tab_market" data-toggle="tab">{PHP.L.market} {USERS_DETAILS_MARKET_COUNT}</a>
	      </li>
	      <!-- ENDIF -->
	      <!-- IF {PHP.cot_modules.projects} -->
	      <li <!-- IF {PHP.tab}=='projects' --> class="active"
	        <!-- ENDIF -->> <a href="{USERS_DETAILS_PROJECTS_URL}#tab_projects" data-toggle="tab">{PHP.L.projects_projects} {USERS_DETAILS_PROJECTS_COUNT}</a>
	      </li>
	      <!-- ENDIF -->
	      <!-- IF {PHP.cot_plugins_enabled.reviews} -->
	      <li <!-- IF {PHP.tab}=='reviews' --> class="active"
	        <!-- ENDIF -->> <a href="{USERS_DETAILS_REVIEWS_URL}#tab_reviews" data-toggle="tab">{PHP.L.reviews_reviews} {USERS_DETAILS_REVIEWS_COUNT}</a>
	      </li>
	      <!-- ENDIF -->
	      <!-- IF {PHP.cot_plugins_enabled.sbr} -->
	      <li>
	        <a href="{USERS_DETAILS_ID|cot_url('sbr', 'm=add&uid='$this)}">Предложить сделку</a>
	      </li>
	      <!-- ENDIF -->
	    </ul>
	  </div>
	  <div class="tab-content">
	    <div class="tab-pane
			<!-- IF !{PHP.tab} --> active
			<!-- ENDIF -->" id="tab_info">
	      <table class="table">
	        <!-- IF {PHP.cot_modules.pm} -->
	        <tr>
	          <td>{PHP.L.users_sendpm}:</td>
	          <td>{USERS_DETAILS_PM}</td>
	        </tr>
	        <!-- ENDIF -->
	        <tr>
	          <td width="220">{PHP.L.Country}:</td>
	          <td>{USERS_DETAILS_COUNTRYFLAG} {USERS_DETAILS_COUNTRY}</td>
	        </tr>
	        <tr>
	          <td width="170">{PHP.L.Location}:</td>
	          <td>{USERS_DETAILS_REGION} {USERS_DETAILS_CITY}</td>
	        </tr>
	        <tr>
	          <td>{PHP.L.Timezone}:</td>
	          <td>{USERS_DETAILS_TIMEZONE}</td>
	        </tr>
	        <tr>
	          <td>{PHP.L.Birthdate}:</td>
	          <td>{USERS_DETAILS_BIRTHDATE}</td>
	        </tr>
	        <tr>
	          <td>{PHP.L.Age}:</td>
	          <td>{USERS_DETAILS_AGE}</td>
	        </tr>
	        <tr>
	          <td>{PHP.L.Gender}:</td>
	          <td>{USERS_DETAILS_GENDER}</td>
	        </tr>
	        <tr>
	          <td>{PHP.L.Registered}:</td>
	          <td>{USERS_DETAILS_REGDATE}</td>
	        </tr>
	      </table>
	    </div>
	    <div class="tab-pane
			<!-- IF {PHP.tab} == 'portfolio' --> active
			<!-- ENDIF -->" id="tab_portfolio"> {PORTFOLIO} </div>
	    <div class="tab-pane
			<!-- IF {PHP.tab} == 'market' --> active
			<!-- ENDIF -->" id="tab_market"> {MARKET} </div>
	    <div class="tab-pane
			<!-- IF {PHP.tab} == 'projects' --> active
			<!-- ENDIF -->" id="tab_projects"> {PROJECTS} </div>
	    <div class="tab-pane
			<!-- IF {PHP.tab} == 'reviews' --> active
			<!-- ENDIF -->" id="tab_reviews"> {REVIEWS} </div>
	  </div>
	</div>

Ура!!! спасибо!!!! blushyes

Дефолтная действительно работает.  Целый день вчера убил на гугл а оказалось просто изобретаю велосипед.

Только скрипт надо не забыть, без него не работает

<script>
            $(function($){
          	var storage = document.cookie.match(/nav-tabs=(.+?);/);
          	if (storage && storage[1] !== "#") {
          		$('.nav-tabs a[href="' + storage[1] + '"]').tab('show');
          	}
          	$('ul.nav li').on('click', function() {
          		var id = $(this).find('a').attr('href');
          		document.cookie = 'nav-tabs=' + id;
          	});
          });
         </script>