Форум программистов, компьютерный форум, киберфорум
Наши страницы
JavaScript
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.67/3: Рейтинг темы: голосов - 3, средняя оценка - 4.67
johnysmol
0 / 0 / 0
Регистрация: 11.01.2013
Сообщений: 18
1

Переключение блоков

19.12.2013, 18:15. Просмотров 617. Ответов 1
Метки нет (Все метки)

Приветствую, всех!


Есть блок с тремя кнопками. Нужно чтоб при загрузки страницы отображалась информация из блока один, при нажатии кнопки 2, информация из блока 1 скрывалась и отображалась соответственно информация блока 2 и так же с кнопкой 3.

Буду рад любой подсказки.
0
Миниатюры
Переключение блоков  
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
19.12.2013, 18:15
Ответы с готовыми решениями:

Переключение плеера
У меня есть код который выводит в виде flash плеера на сайт список музыки как...

Переключение вкладки
Здравствуйте, столкнулся с такой небольшой проблемой. К сожалению гугл не...

Переключение кнопок
Подскажите как можно реализовать переключение вида кнопок, т.е. не css, а сам...

Переключение картинок
Добрый день! Каким образом можно сделать вот такое переключение картинок...

Переключение между PopUp
<!DOCTYPE html> <html> <head> <link rel="stylesheet" type="text/css"> ...

1
johnysmol
0 / 0 / 0
Регистрация: 11.01.2013
Сообщений: 18
19.12.2013, 19:38  [ТС] 2
Вроде разобрался.
Как то так:
HTML5
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
<html>
<head>
<title>Меню</title>
<link href="style.css" rel="stylesheet" type="text/css" />
</head>
<script language="javascript" type="text/javascript">
function show_hide(id)
{
var id = document.getElementById(id) ;
var c1 = document.getElementById("cont1") ;
var c2 = document.getElementById("cont2") ;
var c3 = document.getElementById("cont3") ;
c1.style.display = "none" ;
c2.style.display = "none" ;
c3.style.display = "none" ;
    if (id.style.display == "none")
    {
        id.style.display = "block";
    }
    else
    {
        id.style.display = "none";
    }
}  
</script>
<body>
<div id="menu">
    <div id="punkt1">
        <a href="#" onclick="show_hide('cont1')" >пункт 1</a>
    </div><!--punkt1-->
  <div id="punkt2">
        <a href="#" onclick="show_hide('cont2')" >пункт 2</a>
    </div><!--punkt2-->
  <div id="punkt3">
        <a href="#" onclick="show_hide('cont3')" >пункт 3</a>
    </div><!--punkt3-->
</div><!--menu-->
    <div id="cont1">
        содержание 1
    </div>
    <div id="cont2">
        содержание 2
    </div>
    <div id="cont3">
       содержание 3
     </div>
</body>
</html>
0
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
19.12.2013, 19:38

Переключение изображений в слайдере
Доброго времени суток, уважаемые. Есть некоторый код:...

Переключение списка изображений
Добрый день! Ребятки подскажите пожалуйста, есть список изображений и класс...

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


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

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

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