VPF::Кроссбраузерное скрытие элементов

Wowa

Дата 6.3.2006, 03:17 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Админ
Сообщений: 15017
Регистрация: 14.9.2000
Где: Винград

Репутация: 1
Всего: 290

На странице есть часть текста, который должен быть скрытым до тех пор, пока человек не нажмет на кнопку.
Скрывать текст имхо стоит через стили. В каких браузерах будет работать скрытие? И как можно с помощью яваскрипта отобразить скрытый текст?

Ciber SLasH

Дата 6.3.2006, 03:26 (ссылка)

(нет голосов)

Загрузка ...

Эксперт

Профиль
Группа: Участник Клуба
Сообщений: 1813
Регистрация: 9.11.2004
Где: С.-Петербург

Репутация: 15
Всего: 67

Скрытие будет работать во всех браузерах поддерживающих CSS1.
display: none или visibility: hidden
Отображаем:

Код


document.getElementById('<ID элемента>').style.display = "block";
// или
document.getElementById('<ID элемента>').style.visibility = "visible";

sergejzr

Дата 6.3.2006, 03:30 (ссылка)

(нет голосов)

Загрузка ...

Un salsero
Group Icon

Профиль
Группа: Админ
Сообщений: 13285
Регистрация: 10.2.2004
Где: Германия г .Ганновер

Репутация: 4
Всего: 360

Код


<div id="hidden" style="display:none">текст</div>

<input type="button" onclick="showhide('hidden')">
<script type="text/javascript">
function showhide(id)
{
var element=document.getElementById(id);
element.style.display=(element.style.display=='none')?'block':'none';
}
</script>

--------------------

Me.
FB.
LinkedIn.
ORCID.
YT.

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »