powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Алгоритм для переключения слоев
7 сообщений из 7, страница 1 из 1
(JS) Алгоритм для переключения слоев
    #33301842
McLighter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Подскажите алгоритм для переключения нескольких слоев, несколькими кнопками.
При этом чтоб при появлении одного слоя остальные исчезали.
Т.е. допустим пять слоев и пять кнопок, нажимаем кнопку 1 появляется слой один, нажимаем кнопку 3, слой 1 исчезает, а слой 3 появляется.
...
Рейтинг: 0 / 0
(JS) Алгоритм для переключения слоев
    #33301910
Фотография Di_LIne
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Может запоминать - какой был открыт последним?
...
Рейтинг: 0 / 0
(JS) Алгоритм для переключения слоев
    #33301973
VERS
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Di_LIneМожет запоминать - какой был открыт последним?
А зачем запоминать?
...
Рейтинг: 0 / 0
(JS) Алгоритм для переключения слоев
    #33301997
VERS
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: 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.
<script>
function showlayer(id) {
for (var i= 1 ; i< 6 ; i++) {
document.getElementById('sloy'+i).style.display = (i==id) ? '' : 'none';
}
}
</script>
<table>
<tr>
       <td>
	   <input type="button" value="ñëîé 1" onclick="showlayer(1)"><br>
	   <input type="button" value="ñëîé 2" onclick="showlayer(2)"><br>
	   <input type="button" value="ñëîé 3" onclick="showlayer(3)"><br>
	   <input type="button" value="ñëîé 4" onclick="showlayer(4)"><br>
	   <input type="button" value="ñëîé 5" onclick="showlayer(5)"><br>
	   </td>
       <td>
	   <div style="display: none;" id="sloy1">ñëîé  1 </div>
	   <div style="display: none;" id="sloy2">ñëîé  2 </div>
	   <div style="display: none;" id="sloy3">ñëîé  3 </div>
	   <div style="display: none;" id="sloy4">ñëîé  4 </div>
	   <div style="display: none;" id="sloy5">ñëîé  5 </div>
	   </td>
</tr>
</table>

-------------------------------
www.free-lancer.ru
...
Рейтинг: 0 / 0
(JS) Алгоритм для переключения слоев
    #33302018
vkle
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Зачем запоминать? Наверно для того чтоб не перебирать все слои, ведь в
каждый момент времени включен только один, значит погасить требуется только
его. Так скорей всего.

Posted via ActualForum NNTP Server 1.3
...
Рейтинг: 0 / 0
(JS) Алгоритм для переключения слоев
    #33302753
McLighter
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
VERS спасибо! То что надо.
я правда не понимаю как читается эта строка:

document.getElementById('sloy'+i).style.display = (i==id) ? '' : 'none';

В JS я не силен.
...
Рейтинг: 0 / 0
(JS) Алгоритм для переключения слоев
    #33303254
VERS
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Это тоже самое что и:
Код: plaintext
1.
if (i==id) document.getElementById('sloy'+i).style.display = '';
else document.getElementById('sloy'+i).style.display = 'none';

-------------------------------
www.free-lancer.ru
...
Рейтинг: 0 / 0
7 сообщений из 7, страница 1 из 1
Форумы / PHP, Perl, Python [игнор отключен] [закрыт для гостей] / (JS) Алгоритм для переключения слоев
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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