Bootstrap localstorage nav-tab Сохранение вкладки при перезагрузки страницы

vpktz

#46664 2023-05-24 08:29

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

1

<div id="ajaxBlock">

этот id ?

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

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

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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94

<div class="span9">
  <div class="pull-right">
    
    <span class="label label-important">PRO</span>
    
    <span class="label label-info">{USERS_DETAILS_USERPOINTS}</span>
  </div>
  <div class="tabbable">
    <ul class="nav nav-tabs">
      <li  class="active"
        > <a href="{USERS_DETAILS_DETAILSLINK}#tab_info" data-toggle="tab">{PHP.L.Main}</a>
      </li>
      
      <li  class="active"
        > <a href="{USERS_DETAILS_FOLIO_URL}#tab_portfolio" data-toggle="tab">{PHP.L.folio} {USERS_DETAILS_FOLIO_COUNT}</a>
      </li>
      
      
      <li  class="active"
        > <a href="{USERS_DETAILS_MARKET_URL}#tab_market" data-toggle="tab">{PHP.L.market} {USERS_DETAILS_MARKET_COUNT}</a>
      </li>
      
      
      <li  class="active"
        > <a href="{USERS_DETAILS_PROJECTS_URL}#tab_projects" data-toggle="tab">{PHP.L.projects_projects} {USERS_DETAILS_PROJECTS_COUNT}</a>
      </li>
      
      
      <li  class="active"
        > <a href="{USERS_DETAILS_REVIEWS_URL}#tab_reviews" data-toggle="tab">{PHP.L.reviews_reviews} {USERS_DETAILS_REVIEWS_COUNT}</a>
      </li>
      
      
      <li>
        <a href="{USERS_DETAILS_ID|cot_url('sbr', 'm=add&uid='$this)}">Предложить сделку</a>
      </li>
      
    </ul>
  </div>
  <div class="tab-content">
    <div class="tab-pane
         active
        " id="tab_info">
      <table class="table">
        
        <tr>
          <td>{PHP.L.users_sendpm}:</td>
          <td>{USERS_DETAILS_PM}</td>
        </tr>
        
        <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
         active
        " id="tab_portfolio"> {PORTFOLIO} </div>
    <div class="tab-pane
         active
        " id="tab_market"> {MARKET} </div>
    <div class="tab-pane
         active
        " id="tab_projects"> {PROJECTS} </div>
    <div class="tab-pane
         active
        " id="tab_reviews"> {REVIEWS} </div>
  </div>
</div>

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

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

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

        
              <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>