Показать сообщение отдельно
  #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>


огромное спасибо заранее.
Ответить с цитированием