Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   открыть div id_detail_m и закрыть другие div id_detail_n (https://javascript.ru/forum/dom-window/58276-otkryt-div-id_detail_m-i-zakryt-drugie-div-id_detail_n.html)

_Eldar_ 13.09.2015 13:24

открыть div id_detail_m и закрыть другие div id_detail_n
 
у меня скрипт показывает информацию в div id =look_detail_m
какой можно добавить код, чтобы остальные div id =look_detail_n закрывались?
здесь: m,n - номера div ; m не равно n

рони 13.09.2015 13:40

_Eldar_,
вашей информации недостаточно, и попробуйте поиск по слову "открывашка" на форуме

_Eldar_ 13.09.2015 23:24

ну вот, как сделать пустыми div class=look ?
<table class="table">
<tr><td>
<div id="detail5" class="look">sdfsadf</div>
</td></tr>
<tr><td>
<div id="detail7" class="look">sdfsfsdf</div>
</td></tr>
<tr><td>
<div id="detail9" class="look">sdfsdf</div>
</td></tr>
<tr><td>
<div id="detail11" class="look">sdff</div>
</td></tr>

  <a href="javascript:void(0)" onclick="hide_all_look(); return false;"><b>_Скрыть_</b></a>
  
 <script type="text/javascript">
 
 function hide_all_look()
{ // находим элементы с классом look 
    var clasesss = getElementsByClassName('look'); 
          i = clasesss.length;    
    while(i--) { getElementsByClassName('look')[i].innerHTML = ""; // в цикле заполняем пустыми местами
                   }
};
</script>

рони 13.09.2015 23:28

_Eldar_,
непонимаю

_Eldar_ 13.09.2015 23:36

Цитата:

Сообщение от рони (Сообщение 388521)
_Eldar_,
непонимаю

подправил код

Lemme 14.09.2015 00:07

Так что-ли? оО
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<table class="table">
	<tr><td>
	<div id="detail5" class="look">sdfsadf</div>
	</td></tr>
	<tr><td>
	<div id="detail7" class="look">sdfsfsdf</div>
	</td></tr>
	<tr><td>
	<div id="detail9" class="look">sdfsdf</div>
	</td></tr>
	<tr><td>
	<div id="detail11" class="look">sdff</div>
	</td></tr>

	<a href="javascript:void(0)" onclick="hide_all_look(); return false;"><b>_Скрыть_</b></a>
<script>
	function hide_all_look() {
		[].forEach.call(document.querySelectorAll('.look'), function(item) {
			item.innerHTML = '';
		});
	}
</script>
</body>
</html>


Касательно этого ужаса.
<a href="javascript:void(0)" onclick="hide_all_look(); return false;"><b>_Скрыть_</b></a>

Ничего не смущает?=)

_Eldar_ 14.09.2015 00:20

Цитата:

Сообщение от Lemme (Сообщение 388525)
Так что-ли? оО

да, так, благодарю, ... учту

Lemme 14.09.2015 00:24

_Eldar_, вам бы сюда заглянуть =)
http://learn.javascript.ru/

_Eldar_ 14.09.2015 00:31

Цитата:

Сообщение от Lemme (Сообщение 388528)
_Eldar_, вам бы сюда заглянуть =)
http://learn.javascript.ru/

заглянул :thanks:


Часовой пояс GMT +3, время: 13:32.