Connecting Tech Pros Worldwide Forums | Help | Site Map

Re: hide whole body but one div

Henry
Guest
 
Posts: n/a
#1: Jul 2 '08
On Jul 2, 5:57*pm, Jorge wrote:
<snip>
Quote:
document.body.style.visibility= "none";
<snip>

The specified values for the CSS 'visibility' property do not include
'none'. Such a declaration should be ignored, and if not ignored can
be expected to be subject to inconsistent handling.

Jorge
Guest
 
Posts: n/a
#2: Jul 2 '08

re: Re: hide whole body but one div


On Jul 2, 7:09*pm, Henry <rcornf...@raindrop.co.ukwrote:
Quote:
On Jul 2, 5:57*pm, Jorge wrote:
<snip>document.body.style.visibility= "none";
>
<snip>
>
The specified values for the CSS 'visibility' property do not include
'none'. Such a declaration should be ignored, and if not ignored can
be expected to be subject to inconsistent handling.
Hmmm, yes :

document.body.style.visibility= "hidden";
(document.getElementById('centerPage')).style.visi bility= "visible";

--Jorge
SAM
Guest
 
Posts: n/a
#3: Jul 2 '08

re: Re: hide whole body but one div


Jorge a écrit :
Quote:
>
document.body.style.visibility= "hidden";
(document.getElementById('centerPage')).style.visi bility= "visible";
With an other way that could interest the OP :
- remove all divs and show the right one
Variante 1 : <http://cjoint.com/?hcvUjZSFGt>
Variante 2 : <http://cjoint.com/?hcvWd8I0zj>

I leave to you the opportunity to get time(s) of execution ;-)

--
sm
czechboy
Guest
 
Posts: n/a
#4: Jul 2 '08

re: Re: hide whole body but one div


Thanks for your answers... I will study links you provided me.

What I want to do is to load some page (like google.com) hide it and
then display only one div.

Problem with visibility is that hidden elements still keep their
places... for that display="none" looks much better, but unfortunately
does not work with nested elements to be visible

Jorge
Guest
 
Posts: n/a
#5: Jul 3 '08

re: Re: hide whole body but one div


On Jul 2, 9:51*pm, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
Quote:
Jorge a écrit :
>
Quote:
document.body.style.visibility= "hidden";
(document.getElementById('centerPage')).style.visi bility= "visible";
>
With an other way that could interest the OP :
* - remove all divs and show the right one
Variante 1 : <http://cjoint.com/?hcvUjZSFGt>
Variante 2 : <http://cjoint.com/?hcvWd8I0zj>
Good idea. I have mixed all 3 in a single file : http://tinyurl.com/64h5x2

1.- Hide by setting style.visibility= "hidden"
2.- Hide by extracting the element out of document.body.
3.- Hide by setting style.display= "none".

But the OP question still remains unanswered : if
document.body.style.display === "none", is there a way to override
this setting on an inner element ?

I don't know the answer.

I know that document.body.style.visibility= "hidden" can be easily
overriden on an inner element just by setting the element's
style.visibility= "visible". How can this be done if
document.body.style.display === "none" ?
Quote:
I leave to you the opportunity to get time(s) of execution ;-)
8-)

--Jorge
RobG
Guest
 
Posts: n/a
#6: Jul 3 '08

re: Re: hide whole body but one div


On Jul 3, 9:37*am, Jorge <jo...@jorgechamorro.comwrote:
Quote:
On Jul 2, 9:51*pm, SAM <stephanemoriaux.NoAd...@wanadoo.fr.invalid>
wrote:
>
Quote:
Jorge a écrit :
>
Quote:
Quote:
document.body.style.visibility= "hidden";
(document.getElementById('centerPage')).style.visi bility= "visible";
>
Quote:
With an other way that could interest the OP :
* - remove all divs and show the right one
Variante 1 : <http://cjoint.com/?hcvUjZSFGt>
Variante 2 : <http://cjoint.com/?hcvWd8I0zj>
>
Good idea. I have mixed all 3 in a single file :http://tinyurl.com/64h5x2
>
1.- Hide by setting style.visibility= "hidden"
2.- Hide by extracting the element out of document.body.
3.- Hide by setting style.display= "none".
>
But the OP question still remains unanswered : if
document.body.style.display === "none", is there a way to override
this setting on an inner element ?
That is a CSS question, the answer is in the CSS 2.1 Specification:

'display'
[...]
none
This value causes an element to generate no boxes in
the formatting structure (i.e., the element has no effect on
layout). Descendant elements do not generate any boxes either;
this behavior cannot be overridden by setting the 'display'
property on the descendants.

<URL: http://www.w3.org/TR/CSS21/visuren.html#propdef-display >

Quote:
I don't know the answer.
You should now :-)
Quote:
I know that document.body.style.visibility= "hidden" can be easily
overriden on an inner element just by setting the element's
style.visibility= "visible".
Because that is how visibility is specified to work:

<URL: http://www.w3.org/TR/CSS21/visufx.ht...def-visibility >
Quote:
How can this be done if
document.body.style.display === "none" ?
It can't in a UA that conforms with CSS 2.1.


--
Rob
Jorge
Guest
 
Posts: n/a
#7: Jul 3 '08

re: Re: hide whole body but one div


On Jul 3, 4:31*am, RobG <rg...@iinet.net.auwrote:
Quote:
*'display'
*[...]
>
* * this behavior cannot be overridden by setting the 'display'
* * property on the descendants.
>
<URL:http://www.w3.org/TR/CSS21/visuren.html#propdef-display>
>
Quote:
I don't know the answer.
>
You should now :-)
Clear as an azure sky of deepest summer.

/8¬)

Thanks,
--Jorge.
SAM
Guest
 
Posts: n/a
#8: Jul 3 '08

re: Re: hide whole body but one div


Jorge a écrit :
Quote:
>
But the OP question still remains unanswered : if
document.body.style.display === "none", is there a way to override
this setting on an inner element ?
>
I don't know the answer.
I think : no.
I'm surprised that visibilty works.
But all that is a question of logic.
Quote:
Quote:
>I leave to you the opportunity to get time(s) of execution ;-)
>
8-)
¡Tanto peor! jamás lo sabría.

javascript:document.body.innerHTML=document.getEle mentById('aDiv').innerHTML;

told us Evertjean

and button back to reverse I presume

Plus simple tu meurs ;-)

--
sm
Closed Thread


Similar JavaScript / Ajax / DHTML bytes