Невидимый <div>

Fatal Error · 25.09.2006

Как при помощи Javascript дать тэгу <div> свойство видимости или невидимости?

v0rbis · 25.09.2006

document.getElementById("div_id").style.display="none";
document.getElementById("div_id").style.display="block";

Fatal Error · 25.09.2006

Ок спасибо, всё сделал, только в моём случае я использовал style.visibility.

v0rbis · 25.09.2006

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

Fatal Error · 25.09.2006

v0rbis сказал(а):
визибилити стоит применять в том случае, если необходимо обрабатывать объект в потоке, но не показывать его. а чтобы в дизайне не получалось дырки, лучше использовать мой способ.

Хм. ок
Слушай а ещё такой вопрос

-----------
| text 1 |
-----------
<DIV>
-----------
| text 2 |
-----------

Вот так должно выглядеть, и слой должен меняться, но с этим разобрался, так вот <div> заезжает на текст 2, как быть, может подскажешь какие настройки слоёв. :excl:

v0rbis · 25.09.2006

padding с margin попробуй. должно отодвинуть нижнее.

Fatal Error · 25.09.2006

Есть ощущение что position:fixed
Я прав?

v0rbis · 25.09.2006

все ощущения надо опытом проверять.

я в своей жизни помню лепил position:absolute слой и приделывал margin-bottom для отодвигания нижних объектов.

Fatal Error · 25.09.2006

Всё получилось только вот Opera и FireFox не хотят видеть и работать с этим нивкакую. ((((

DnAp · 25.09.2006

Ну кинь код посмотрим...

Fatal Error · 25.09.2006

Код:

<head>

<script language="javascript">
function hide()
{
document.getElementById("div1").style.display="none";
document.getElementById("div2").style.display="block";
}
function show()
{
document.getElementById("div1").style.display="block";
document.getElementById("div2").style.display="none";
}
</script>
</head>

<body>

<input value="Показать слой" name="" type="button" onclick="hide()">
<input value="Убрать слой" name="" type="button" onclick="show()">
<hr />
	<div id="div1" style=" position:fixed; display:block;">
		Радиокнопки <b>1</b>
	</div>
	
	<div id="div2" style=" position:fixed; display:none;">
		Радиокнопки <b>2</b> 
	</div>
Какой-то текст.


</body>

Вот как-то так

Fatal Error · 25.09.2006

поставил position:inherit теперь везде работает.
Спасибо!

Невидимый <div>

Fatal Error

Well-Known Member

v0rbis

selfcoded

Fatal Error

Well-Known Member

v0rbis

selfcoded

Fatal Error

Well-Known Member

v0rbis

selfcoded

Fatal Error

Well-Known Member

v0rbis

selfcoded

Fatal Error

Well-Known Member

DnAp

self::setDebugMode(true);

Fatal Error

Well-Known Member

Fatal Error

Well-Known Member

Онлайн статистика

Статистика форума

Новые пользователи

Поделиться этой страницей