ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Скрыть все DIV'ы на странице
16 сообщений из 16, страница 1 из 1
Скрыть все DIV'ы на странице
    #35306620
dp_cmb
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dp_cmb
Гость
Помогите плиз, На странице много DIV'ов, их ID назначаются автоматически при формировании страницы в PHP. Есть скрипт :

<script type=text/javascript>
Код: plaintext
1.
2.
3.
4.
5.
function show(i) {
        var v = document.getElementById(i).style.display;
        if (v == \"none\") document.getElementById(i).style.display = \"block\";
        if (v == \"block\") document.getElementById(i).style.display = \"none\";
}
</script>

По одному - все работает, открывается, закрывается.
Вопросы:
1. Как сделать, чтоб при нажатии на "что-то" все на странице DIV'ы закрылись, а на "что-то другое" открылись ?
2. Как сделать, чтоб при нажатии на "что-то" DIV открылся, но все остальные закрылись ?

Заранее спасибо.
...
Рейтинг: 0 / 0
12.05.2008, 14:53
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35306735
Фотография _Vasilisk_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
_Vasilisk_
Участник
dp_cmb1. Как сделать, чтоб при нажатии на "что-то" все на странице DIV'ы закрылись, а на "что-то другое" открылись ?
Смотреть в сторону document.getElementsByTagName
dp_cmb2. Как сделать, чтоб при нажатии на "что-то" DIV открылся, но все остальные закрылись ?
document.all
...
Рейтинг: 0 / 0
12.05.2008, 15:21
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35306759
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
_Vasilisk_Смотреть в сторону document.getElementsByTagName
Если правильно организовать имена или id - пробежка по всем тегам будет не нужна...
...
Рейтинг: 0 / 0
12.05.2008, 15:28
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35306762
Фотография Ex_Soft
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Ex_Soft
Участник
_Vasilisk_
document.all

Учите хорошему, а плохому - он сам выучится...
_________________
"Helo, word!" - 17 errors 56 warnings
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
12.05.2008, 15:28
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35306814
Фотография illion
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
illion
Участник
Код: plaintext
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.
<style>
	div {float:left; width:100px; border:1px solid blue; margin:10px;}
</style>
<script>
	function show(id, group, opType)
	{
		if (group)
		{
			for (var i= 0 ; div=document.getElementById('container').childNodes[i]; i++)
				if (div.tagName == 'DIV') 
				{
					if (id != 'all') div.style.display = (div.id == id)?'block':'none';
					else div.style.display = (opType == 'show')?'block':'none';
				}
		}
		else document.getElementById(id).style.display = (document.getElementById(id).style.display == 'none')?'block':'none';
	}
</script>
<input type="button" onclick="show('d1',0)" value="show1">
<input type="button" onclick="show('d2',0)" value="show2">
<input type="button" onclick="show('d3',0)" value="show3">
<input type="button" onclick="show('d1',1)" value="show_only1">
<input type="button" onclick="show('d2',1)" value="show_only2">
<input type="button" onclick="show('d3',1)" value="show_only3">
<input type="button" onclick="show('all',1,'show')" value="show_all">
<input type="button" onclick="show('all',1,'hide')" value="hide_all">
<div id="container">
	<div id="d1">div  1 </div>
	<div id="d2">div  2 </div>
	<div id="d3">div  3 </div>
</div>
либо, если на странице больше нет дивов, можно пользовать getElementsByTagName, или если у всех дивов id одинакового формата (с одинаковым префиксом, например) то использовать id. Но только не document.all.
...
Рейтинг: 0 / 0
12.05.2008, 15:45
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35306901
dp_cmb
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dp_cmb
Гость
Дело в том, что я не знаю, какие будут ID у DIV'ов после формирования страницы, и DIV'ов будет много (больше десятка). Формат ID - это шестизначное число.
Как мне получить весь список этих ID, чтобы пробежаться по ним ?
А с document.getElementByTagName у меня что-то не получилось, тут тоже надо по списку идти или он действует на все элементы страницы с одинаковым тэгом ?
...
Рейтинг: 0 / 0
12.05.2008, 16:09
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35306997
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
dp_cmbДело в том, что я не знаю, какие будут ID у DIV'ов после формирования страницы
А кто формирует страницу?
dp_cmbDIV'ов будет много (больше десятка).
Это разве много!
dp_cmbА с document.getElementByTagName у меня что-то не получилось, тут тоже надо по списку идти или он действует на все элементы страницы с одинаковым тэгом ?
Вот пример из доков для document.getElementByTagName

Код: plaintext
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.
<SCRIPT>
function fnGetTags(){
   var oWorkItem=event.srcElement;
   var aReturn=oWorkItem.parentElement.getElementsByTagName("LI");
   alert("Length: "
      + aReturn.length
      + "\nFirst Item: "
      + aReturn[ 0 ].childNodes[ 0 ].nodeValue);
}
</SCRIPT>
<UL onclick="fnGetTags()">
<LI>Item  1 
   <UL>
      <LI>Sub Item  1 . 1 
      <OL>
         <LI>Super Sub Item  1 . 1 
         <LI>Super Sub Item  1 . 2 
      </OL>
      <LI>Sub Item  1 . 2 
      <LI>Sub Item  1 . 3 
   </UL>		
<LI>Item  2 
   <UL>
      <LI>Sub Item  2 . 1 
      <LI>Sub Item  2 . 3 
   </UL>
<LI>Item  3 
</UL>
...
Рейтинг: 0 / 0
12.05.2008, 16:32
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307029
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
<html>
<head>
<script>
function getDivs(){
els=document.getElementsByTagName("DIV");
for(i=0; i<els.length;i++){
alert(els .id);
}
}
</script>
<button onclick="getDivs();">Click</button>
</head>
<body>
<div id="div1"></div>
<div id="div2"></div>
<div id="div3"></div>
<div id="div4"></div>
<div id="div5"></div>
<div id="div6"></div>
<div id="div7"></div>
</body>
</html>
...
Рейтинг: 0 / 0
12.05.2008, 16:40
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307032
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
Пардон буттон после боди надо.
...
Рейтинг: 0 / 0
12.05.2008, 16:42
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307092
dp_cmb
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dp_cmb
Гость
Сделал вот так :
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
var al = document.getElementsByTagName('*');
var cf = 'd';
var cc;
for(var j=0;j<al.length;j++){
     cc = al[j].className;
     if(cc.search(cf) != -1){
          al[j].style.display = 'block';
     }
}

Но работает медлено.
...
Рейтинг: 0 / 0
12.05.2008, 16:57
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307106
dp_cmb
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
dp_cmb
Гость
А вот так :

Код: plaintext
1.
2.
3.
els=document.getElementsByTagName("DIV");
for(i= 0 ; i<els.length;i++){
alert(els.id);
}

Очень даже быстро, боьшое спасибо.
...
Рейтинг: 0 / 0
12.05.2008, 17:00
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307118
кто-то1
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
кто-то1
Гость
Код: plaintext
alert(els.id);
нажимать успеваешь?)
...
Рейтинг: 0 / 0
12.05.2008, 17:03
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307125
ShSerge
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
ShSerge
Участник
На самом деле вот так было:
Код: plaintext
1.
alert(els[i].id);
...
Рейтинг: 0 / 0
12.05.2008, 17:06
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307374
Фотография _Vasilisk_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
_Vasilisk_
Участник
illionНо только не document.all.
Хотелось бы узнать почему?
...
Рейтинг: 0 / 0
12.05.2008, 18:36
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307390
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
vkle
Участник
> Хотелось бы узнать почему?

Да не очень кроссбраузерный он...
Posted via ActualForum NNTP Server 1.4
...
Рейтинг: 0 / 0
12.05.2008, 18:43
| Ответить | Цитировать | Написать  
Скрыть все DIV'ы на странице
    #35307565
Фотография _Vasilisk_
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
_Vasilisk_
Участник
vkle
> Хотелось бы узнать почему?
Да не очень кроссбраузерный он...
Понятно. Спасибо
...
Рейтинг: 0 / 0
12.05.2008, 20:31
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Скрыть все DIV'ы на странице
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&msg=35307118&tid=1456489]:
 0ms
get settings:
 4ms
get forum list:
 8ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 142ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 53ms
get tp. blocked users:
 1ms
others: 209ms
total:  431ms
созд. / загр.: 431ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]