|
главная / JavaScript / Скрываем ненужное! Скрываем ненужное!Создаем *.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" и наоборот. Сокрытие некоторых блоков на страничке может пригодится по разным причинам, например если, то что вы скрываете менее приоритетно остального. Или занимает много места. Казалось бы мелочь, но иногда и мелочи бывают полезными! Источник: NAVAT.NET |
КОНТАКТЫ
г. Екатеринбург info@vismech.ru |
|
текущее: НОВОСТИ 05.12.2013 - Уход за флэш-накопителем 05.12.2013 - Компьютер самопроизвольно выключается 05.12.2013 - Почему не запускается компьютер? 27.11.2013 - Canon Legria HF R406 - Описание видеокамеры 27.11.2013 - TravelMate P645 новый лэптоп бизнес-класса от Acer |
|
