Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
vladza
0 / 0 / 0
Регистрация: 09.11.2014
Сообщений: 2
1

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

09.11.2014, 16:31. Просмотров 561. Ответов 0
Метки нет (Все метки)

Здравствуйте!

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

код скрипта:
Кликните здесь для просмотра всего текста
Javascript
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
<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>


код табов:
Кликните здесь для просмотра всего текста
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<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>


огромное спасибо заранее.
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
09.11.2014, 16:31
Ответы с готовыми решениями:

Как сделать что бы блок не обновлялся при переходе на другой страницы?
Нужно сделать что бы плеер не обновлялся при переходе на другую страницу. На...

Не работают скрипты в ie при переходе на внутренние страницы
Здравствуйте! Не работают скрипты в ie при переходе главной на внутренние...

Эффект затухания страницы при переходе по ссылке
Народ, подскажите скриптик, я не профи в JS, просто хочу поставить эффект...

При переходе на главную страницу открывается не интерфейс страницы а ее программный модуль
всем добрый день, интересует такой вопрос как сделать что бы при переходе...

Прокрутка до нужного места при запуске
Всем привет! Обыскал уже весь интернет, но решения найти не смог. Надо чтобы...

0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.11.2014, 16:31

Активация элемента при наведении
имеется элемент страницы - круги на которых анимация подсчета &quot;чеголибо&quot;. ...

Запуск скрипта на активного таба
День добрый структура &lt;div class=&quot;section&quot;&gt; &lt;ul class=&quot;tabs&quot;&gt; ...

Активация button при нажатии на enter
вот такой вот глупенький вопрос от новичка. есть инпут. туда вбиваешь имя. оно...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
1
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru