Русскоязычные документы веб-мастеру готовы к употреблению
Где вы зарабатываете больше всего?
Яндекс.Директ
Google Adsens
Sape
Begun
Setlinks
Mainlinks
Blogun

Создаем *.html файл, в нем пишем следующий код:
<html><body>
<script type="text/javascript">
function show(id_id){
document.getElementById(id_id).style.display = (document.getElementById(id_id).style.display == 'none'?'block':'none');
}
</script>

<div onClick="show('onoff')">Показать</div>
<div id='onoff' style='display:none'>Меня видно!</div>

</body></html>


А теперь по порядку.
Как видно, сделали мы это с помощью JavaScript'а. Мы написали функцию "show" в качестве аргумента которой передаем ID нужного нам блока (слоя).
onClick="show('onoff')"


После передачи ID в функцию происходит следующее:
document.getElementById(id_id).style.display = (document.getElementById(id_id).style.display == 'none'?'block':'none');

т.е. мы устанавливаем состояние css параметра "display" слоя, с ID = "onoff" на "none", если при проверке оно "block" и наоборот.

Сокрытие некоторых блоков на страничке может пригодится по разным причинам, например если, то что вы скрываете менее приоритетно остального. Или занимает много места.

Казалось бы мелочь, но иногда и мелочи бывают полезными!

Автор: Бекенов Балтабек (cybri0nix) NAVAT.NET (наш партнёр)

Комментарии

Имя 

 

[15.10.08] Урок фотошоп Рисование фракталов

[14.10.08] Плагины для Photoshop Добавлено парочку новых.

[13.10.08] Пиксельные шрифты Добавлено 11 шрифтов.

[10.10.08] Урок фотошопа Как нарисовать дерево.

[05.10.08] JavaScript Новая документация.

[03.10.08] Plug-ins Пару новых плагинов для фотошопа.

[01.10.08] Урок фотошопа Старая фотография.

[01.10.08] Урок фотошопа Сказочный текст.

[30.09.08] PERL статьи 3 новых интересных статьи.

[30.09.08] PHP статьи Полосатая таблица.

[29.09.08] WEB документация На сайте появились учебники и книги.

[18.09.08] Урок Фотошопа Ледяной текст 2.

[16.09.08] Урок Фотошопа Mp3 Player.

[15.09.08] Урок Фотошопа Огненный текст.

Все новости
Рейтинг@Mail.ru
Александр Акимов
ICQ:
Mail: odvd@ya.ru