hide whole body but one div

[czechboy]

Hi,
I can use document.body.style.display="none" to hide whole page but
then if I want to display one div only by
document.getElementById("centerPage").style.display="" it does not
work...

so is there any easy and fast way how to completely hide whole body
and to keep displayed one nested div only?

thanks

 

[Thomas 'PointedEars' Lahn]

I can use document.body.style.display="none" to hide whole page but
then if I want to display one div only by
document.getElementById("centerPage").style.display="" it does not
work...

so is there any easy and fast way how to completely hide whole body
and to keep displayed one nested div only?

<http://groups.google.com/group/comp.lang.javascript/msg/29481241b1d86da3>
<http://www.jibbering.com/faq/#FAQ2_3>


PointedEars

 

[Jorge]

Hi,
I can use document.body.style.display="none" to hide whole page but
then if I want to display one div only by
document.getElementById("centerPage").style.display="" it does not
work...

so is there any easy and fast way how to completely hide whole body
and to keep displayed one nested div only?

No, because if the enclosing tag is hidden, all contained tags are
hidden as well.

I think you need to do something like this : :

var hiddenDiv, visibleDiv, e;

visibleDiv = document.getElementById('centerPage');
(hiddenDiv= document.createElement('div')).style.display= "none";

//Move all the body's elements to the hiddenDiv:
while (e= document.body.firstChild) {
hiddenDiv.appendChild(e);
}

//Now the body is empty.
//Insert centerPage into the body
document.body.appendChild(visibleDiv);
//Insert the hiddenDiv into the body.
document.body.appendChild(hiddenDiv);

--Jorge.

 

[Thomas 'PointedEars' Lahn]

No, because if the enclosing tag is hidden, all contained tags are
hidden as well.

Obviously you don't know the `visibility' CSS property.


PointedEars

 

[Jorge]

Obviously you don't know the `visibility' CSS property.

Yes I do know style.visibility.
But I don't know how to "undo" a body.style.DISPLAY= "none" on an
inner element.

These are two different things, isn't it ?

Thanks,
--Jorge.

 

[Thomas 'PointedEars' Lahn]

Yes I do know style.visibility.
But I don't know how to "undo" a body.style.DISPLAY= "none" on an
inner element.

These are two different things, isn't it ?

They are, but either you misread the OP's question or you missed the point
of my posting.


PointedEars