NetSago IT Research Project — Заметки — Динамическое скрытие/открытие элементов страницы.

Вход

Войти
Как присоединиться?

Меню

Заметки

Наше

NetSago Paste

NetSago Phrack

События по RSS

Заметки по RSS

NetSago

Популярное

Разработка на C/C++ в Eclipse IDE by n0xi0uzz

5 способов сделать использование bash более продуктивным by n0xi0uzz

Заметки — Динамическое скрытие/открытие элементов страницы.

Назад в Заметки

Динамическое скрытие/открытие элементов страницы.
n0xi0uzz

Теги: html javascript div

Для того, чтобы динамически скрыть или открыть какой-либо элемент веб-страницы, я написал следующую простенькую функцию на JavaScript:

function showBlock(id) {
if (document.getElementById(id).style.display == 'none') {
document.getElementById(id).style.display='inline';
} else {
document.getElementById(id).style.display = 'none';
}

}

Использовать её следует, передавая, в качестве аргумента, id элемента, который необходимо скрыть или открыть.

Вот пример использования с блочным тегом <div>:

<a href="#" onclick="showBlock('whypage'); return false;" class="menu">О странице.</a>
<div id="whypage" style="display:none" class="block">Текст внутри блока.</div>

Получаем ссылку, при нажатии на которую блок будет скрываться/открываться.

Комментарии:

Онанимус (05 марта 2008 18:19):
Малость некорректно - для div значение видимого display должно быть block, а не inline.

Онанимус (10 мая 2007 04:06):
таки работает...
простите ламера :)
впредь обязуюсь не делать поспешных выводов и ставить под сомнения Вашу мудрость о Великие!!!

n0xi0uzz (10 мая 2007 03:36):
Работает. Можешь убедиться, просмотрев исходный код моей домашней страницы: http://netsago.org/n0xi0uzz/

Онанимус (10 мая 2007 01:13):
не работает...

Язык

Поиск

Расширенный Поиск

Ошиблись?

Если вы обнаружили ошибку на сайте, пожалуйста, сообщите нам о ней.

Посчитали

4 / 7623
К нам сегодня зашел 21 робот. Они хотят убить всех человеков.

Зарегистрированных пользователей: 20
Онлайн: 0

Время генерации: 0.080 с