Управление выводом и скрытием окна с помощью кнопок

@vasya_lezhnev · Регистрация: 29.03.2014

Author24 — интернет-сервис помощи студентам

Вот то, что нужно сделать и желательно, чтобы было понятно самому:

Есть 4 кнопки с разными идентификаторами, на которые мы нажимаем. При клике на кнопку возле нее выводится и не пропадает окошечко с каким-то текстом. Если кликнуть на одну и ту же кнопку 2-й раз, то это окошечко закроется, если кликнуть 3-й раз, то оно вновь появится. Одна из кнопок закрывает все открытые окошки с каким-то текстом. Будьте добры, объясните, как это реализуется. Заранее спасибо.

@Micheal · 18.05.2014, 21:33

JavaScript, DOM и псевдоэлементы :after и/или :before

@kalabuni · 19.05.2014, 11:13

чтобы было понятно - и не только самому - надо научиться правильно излагать
итак, повторим, но правильно:

на странице есть 4 кнопки (идентификаторы кнопок тут не важны)
из них 3 кнопки при клике показывают/скрывают соответствующие теги (а "окошко" - это то, в чём отдельный html-файл открывается: окно браузера, фрейм, ифрейм)
4-я кнопка скрывает все показываемые на текущий момент теги

HTML5

<p><input value="1" type="button"
       onclick="with (document.getElementById ('t1').style) display = (display == 'none') ? '' : 'none'">
<span id="t1" style="display: none">111</span>
 
<p><input value="2" type="button"
       onclick="with (document.getElementById ('t2').style) display = (display == 'none') ? '' : 'none'">
<span id="t2" style="display: none">222</span>
 
<p><input value="3" type="button"
       onclick="with (document.getElementById ('t3').style) display = (display == 'none') ? '' : 'none'">
<span id="t3" style="display: none">333</span>
 
<p><input value="4" type="button"
       onclick="for (var j = 1; j < 4; j++) document.getElementById ('t' + j).style.display = 'none'">

@vasya_lezhnev · 19.05.2014, 11:50 **[ТС]**

Спасибо огромное, но буду признателен, если Вы объясните мне, как это вынести в отдельный js файл, и если можно, то расскажите подробно, зачем тут, например, циклы и т.д.

@vasya_lezhnev 0 / 0 / 0 Регистрация: 29.03.2014 Сообщений: 13
		1
	Управление выводом и скрытием окна с помощью кнопок 18.05.2014, 12:31. Показов 430. Ответов 3 Метки нет (Все метки) Вот то, что нужно сделать и желательно, чтобы было понятно самому: Есть 4 кнопки с разными идентификаторами, на которые мы нажимаем. При клике на кнопку возле нее выводится и не пропадает окошечко с каким-то текстом. Если кликнуть на одну и ту же кнопку 2-й раз, то это окошечко закроется, если кликнуть 3-й раз, то оно вновь появится. Одна из кнопок закрывает все открытые окошки с каким-то текстом. Будьте добры, объясните, как это реализуется. Заранее спасибо. 0

@Micheal 53 / 53 / 28 Регистрация: 23.04.2011 Сообщений: 214
	18.05.2014, 21:33	2
	JavaScript, DOM и псевдоэлементы :after и/или :before 0

@vasya_lezhnev 0 / 0 / 0 Регистрация: 29.03.2014 Сообщений: 13
	19.05.2014, 11:50 [ТС]	4
	Спасибо огромное, но буду признателен, если Вы объясните мне, как это вынести в отдельный js файл, и если можно, то расскажите подробно, зачем тут, например, циклы и т.д. 0