Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.11.2014, 10:18
Новичок на форуме
Отправить личное сообщение для vladza Посмотреть профиль Найти все сообщения от vladza
 
Регистрация: 11.11.2014
Сообщений: 2

Активация нужного таба при переходе с другой страницы
Здравствуйте!

Подскажите, пожалуйста, как сделать так, чтобы имелась возможность при переходе по ссылке с одной страницы, станица с табами открывалась с активированным нужным табом?

код скрипта:
<script type="text/javascript">
// 1
function One()
{
  // Табы
  document.getElementById('OneTab').className = 'SelectedTab';
  document.getElementById('TwoTab').className = 'Tab';
document.getElementById('TreeTab').className = 'Tab';
document.getElementById('FourTab').className = 'Tab';
document.getElementById('FiveTab').className = 'Tab';
document.getElementById('SixTab').className = 'Tab';
document.getElementById('SevenTab').className = 'Tab';
document.getElementById('EightTab').className = 'Tab';
document.getElementById('Tabend').className = 'Tab';
 
  // Страницы
  document.getElementById('One').style.display = 'block';
  document.getElementById('OneTab').className = 'SelectedTab';
  document.getElementById('Two').style.display = 'none';
document.getElementById('Tree').style.display = 'none';
document.getElementById('Four').style.display = 'none';
document.getElementById('Five').style.display = 'none';
document.getElementById('Six').style.display = 'none';
document.getElementById('Seven').style.display = 'none';
document.getElementById('Eight').style.display = 'none';
document.getElementById('end').style.display = 'none';
document.getElementById('block11').style.display = 'block'; 
 
}
// 2
function Two()
{
  // Табы
 document.getElementById('TwoTab').className = 'SelectedTab';
  document.getElementById('OneTab').className = 'Tab';
  document.getElementById('TreeTab').className = 'Tab';
document.getElementById('FourTab').className = 'Tab';
document.getElementById('FiveTab').className = 'Tab';
document.getElementById('SixTab').className = 'Tab';
document.getElementById('SevenTab').className = 'Tab';
document.getElementById('EightTab').className = 'Tab';
document.getElementById('Tabend').className = 'Tab';
 
  // Страницы
document.getElementById('TwoTab').className = 'SelectedTab';
 document.getElementById('Two').style.display = 'block';
  document.getElementById('One').style.display = 'none';
 document.getElementById('Tree').style.display = 'none';
 document.getElementById('Four').style.display = 'none';
document.getElementById('Five').style.display = 'none';
document.getElementById('Six').style.display = 'none';
document.getElementById('Seven').style.display = 'none';
document.getElementById('Eight').style.display = 'none';
document.getElementById('end').style.display = 'none'; 
document.getElementById('block11').style.display = 'block';  
}
 
// 3
function Tree()
{
  // Табы
  document.getElementById('OneTab').className = 'Tab';
document.getElementById('TwoTab').className = 'Tab';
  document.getElementById('TreeTab').className = 'SelectedTab';
document.getElementById('FourTab').className = 'Tab';
document.getElementById('FiveTab').className = 'Tab';
document.getElementById('SixTab').className = 'Tab';
document.getElementById('SevenTab').className = 'Tab';
document.getElementById('EightTab').className = 'Tab';
document.getElementById('Tabend').className = 'Tab';
 
  // Страницы
document.getElementById('TreeTab').className = 'SelectedTab';  
document.getElementById('One').style.display = 'none';
document.getElementById('Two').style.display = 'none';
  document.getElementById('Tree').style.display = 'block';
 document.getElementById('Four').style.display = 'none';
document.getElementById('Five').style.display = 'none';
document.getElementById('Six').style.display = 'none';
document.getElementById('Seven').style.display = 'none';
document.getElementById('Eight').style.display = 'none';
document.getElementById('end').style.display = 'none';
document.getElementById('block11').style.display = 'block';  
}
 
</script>


код табов:
<div class="menuObject">
 
<ul id="Tabs"> 
 
 
 
 
            <li id="TwoTab" class="Tab"><a href="#Two" onclick="Two(); return false;">1</a></li>
                <li id="OneTab" class="Tab"><a href="#One" onclick="One(); return false;">2</a></li>
                <li id="TreeTab" class="SelectedTab"><a href="#Tree" onclick="Tree(); return false;">3</a></li>
    <li id="FourTab" class="Tab">               
            </ul></div>


огромное спасибо заранее.
Ответить с цитированием
  #2 (permalink)  
Старый 11.11.2014, 10:41
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,783

Сообщение от vladza
как сделать так, чтобы имелась возможность при переходе по ссылке с одной страницы, станица с табами открывалась с активированным нужным табом?
Например передавать в УРЛ ссылки ИД нужного таба... По готовности документа смотреть УРЛ и активировать соответствующий таб...
Ответить с цитированием
  #3 (permalink)  
Старый 11.11.2014, 10:43
Новичок на форуме
Отправить личное сообщение для vladza Посмотреть профиль Найти все сообщения от vladza
 
Регистрация: 11.11.2014
Сообщений: 2

Сообщение от ksa Посмотреть сообщение
Например передавать в УРЛ ссылки ИД нужного таба... По готовности документа смотреть УРЛ и активировать соответствующий таб...
вся проблема в том, как это реализовать. я, к сожалению, не допираю :-(
Ответить с цитированием
  #4 (permalink)  
Старый 11.11.2014, 10:45
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,783

Сообщение от vladza
вся проблема в том, как это реализовать
Ссылки делать вида

<a href='<базовый_url>?idTab=<ИД_таба>'>ссылка</a>


Потом смотреть это
http://javascript.ru/window-location

Читать нужный параметр... Активировать соответствующий таб...
Ответить с цитированием
  #5 (permalink)  
Старый 11.11.2014, 10:48
Аватар для ksa
ksa ksa вне форума
CacheVar
Отправить личное сообщение для ksa Посмотреть профиль Найти все сообщения от ksa
 
Регистрация: 19.08.2010
Сообщений: 12,783

vladza, серверный язык какой-то есть? Тогда будет еще проще... На сгенеренной странице можно будет сразу активировать нужный таб, прочитав параметр из реквеста...
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Сохранение цвета рамки DIV при нажатии, и сброс при нажатии на другой DIV этого класа Webtest Элементы интерфейса 3 29.06.2014 22:13
fadeOut при прокрутке к концу страницы piraids Элементы интерфейса 2 20.06.2014 13:17
Активация checkbox при нажатии на текст и изменение стиля у текста. ilyakor jQuery 2 10.06.2014 19:34
Открытие нужного таба на другой странице intravert1983 jQuery 4 06.05.2013 22:01
Выезжающие\уезжающие div при загрузке страницы goodkot Элементы интерфейса 1 28.09.2012 08:58