vpktz |
|
---|---|
<ul class="nav nav-tabs"> <li class="nav-item"> <a class="nav-link active" id="home-tab" data-toggle="tab" href="#tab-1">home</a> </li> <li class="nav-item"> <a class="nav-link" id="folio-tab" data-toggle="tab" href="#tab-2">folio</a> </li> <li class="nav-item"> <a class="nav-link" id="product-tab" data-toggle="tab" href="#tab-3">product</a> </li> <li class="nav-item"> <a class="nav-link" id="clients-tab" data-toggle="tab" href="#tab-4">cliets</a> </li> <li class="nav-item"> <a class="nav-link" id="reviews-tab" data-toggle="tab" href="#tab-5">reviews</a> </li> </ul> <div class="tab-content"> <div class="tab-pane fade show active" id="tab-1"> <h3>Вкладка #1</h3> </div> <div class="tab-pane fade" id="tab-2"> <h3>Вкладка #2</h3> </div> <div class="tab-pane fade" id="tab-3"> <h3>Вкладка #3</h3> </div> <div class="tab-pane fade" id="tab-4"> <h3>Вкладка #4</h3> </div> <div class="tab-pane fade" id="tab-5"> <h3>Вкладка #5</h3> </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> Есть такой код + скрипт который позволяет оставаться на выбранной вкладке даже после перезагрузке странице. И он работает, за исключением того что при выборе любой из вкладки выкидывает на главную сайта + ссылка вкладки. Например https://site.ru/#tab-2. А так как этот nav-tab находиться на странице Пользователя модуля Users по адресу https://site.ru/users/Администратор то получается нужно на этой странице и оставаться и будет все норм. Так как если вернуться опять с главной (на которую выкинуло) на страницу пользователя то мы увидим что сохранение вкладки состоялось и все хорошо. Осталось теперь добиться что бы не выкидывало на главную. Понимаю что надо как то в скрипт добавить ссылку на пользователя {USERS_DETAILS_DETAILSLINK} что бы при нажатии на вкладку получалось что то типа https://site.ru/users/Администратор/#tab-2 в место https://site.ru/#tab-2 |
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>
аккаунт удален - не срослось с разработчиками
ушел на другой движок |
vpktz |
|
---|---|
#46657 webitproff: Ура!!! спасибо!!!! Дефолтная действительно работает. Целый день вчера убил на гугл а оказалось просто изобретаю велосипед. Только скрипт надо не забыть, без него не работает <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>
|