• Страница 1 из 1
  • 1
Переключение таблиц
Matebarchuk Оффлайн
Проверенный
0
Дата: Понедельник, 2015-09-21, 15:15 | Сообщение # 1
Всем привет! Сделал на сайте информеры таблиц, поставил в блок.

Теперь нужно как-то сделать переключение между чемпионатами.

В качестве примера:

Мой сайт:


Помогите пожалуйста!


Профиль
Montegor Оффлайн
Проверенный
15
Дата: Понедельник, 2015-09-21, 15:29 | Сообщение # 2
Подойдет?
Код
<script>
document.getElementById("CategoryTrees")
     .onchange = function () {
         var b = {
             10: "blokone",
             20: "bloktwo",
             30: "blokthree"
         }, c = this.value,
             a;
         for (a in b) document.getElementById(b[a])
             .style.display = 0 == c || c == a ? "block" : "none"
};
</script>


Код
<select id="CategoryTrees"  name="name">
<option value="0">Показать всё</option>
<option selected="selected" title="#" value="10">    выбор первый</option>
<option title="#" value="20">   выбор второй</option>
<option title="#" value="30">   выбор третий</option>
</select>
<div id="blokone" style="display:block">Блок первый</div>
<div id="bloktwo"  style="display:none">Блок второй</div>
<div id="blokthree"  style="display:none">Блок третий</div>


Профиль
MSerega Оффлайн
Проверенный
92
Дата: Понедельник, 2015-09-21, 15:30 | Сообщение # 3
Есть такой еще вариант

Код
<select name="sizefont" onchange="ones(this.value)">
<option selected="selected" value="size1">Пункт 1</option>
<option value="size2">Пункт 2</option>
<option value="size3">Пункт 1</option>
<option value="size4">Пункт 4</option>
  </select>

<div id="size1">
Пункт 1
</div>

<div id="size2" style="position:absolute;top:-2000px">
Пункт 2
</div>

<div id="size3" style="position:absolute;top:-2000px">
Пункт 3
</div>

<div id="size4" style="position:absolute;top:-2000px">
Пункт 4
</div>



Помог? Ставь или поддержи проект.
Профиль
Matebarchuk Оффлайн
Проверенный
0
Дата: Понедельник, 2015-09-21, 15:49 | Сообщение # 4
Спасибо огромное!!!!!!!

Профиль
  • Страница 1 из 1
  • 1
Поиск: