difference between style.visibility and style.disp

Mimi · September 16th, 2003, 02:43 AM

:DHallo!!!

I was instructed to use style.display instead of style.visibility, what's the difference? I noticed that style.visibility was used to hide fields, can that be done with style.display? If yes, how?

Thanks!!!

joefawcett · September 16th, 2003, 06:21 AM

style.visiblity makes the element visible or hidden, it is still rendered and takes up space on the page even if you can't see it. If you set style.display to "none" the markup is not processed and does not take up space on the page.

--

Joe

Mimi · September 17th, 2003, 04:45 AM

Thanks Joe!

I dunno what's wrong with my code! When I used style.display instead of style.visibility the hidden parts don't show! What could be the problem???
Help please! Thanks

joefawcett · September 17th, 2003, 04:50 AM

Why should the hidden parts show? What is your exact code? If you set visibility to "hidden" then setting the style.display to "block" will not unhide the element.

--

Joe

Mimi · September 17th, 2003, 06:02 AM

This was my original code:
if (f.Over.checked == true) {
Over.style.visibility = 'visible';

This is my new code
if (f.Over.checked == true) {
Over.style.display = "block";

Whats wrong with my new code?
If you want to see my whole code just tell me.

Thanks Joe!

joefawcett · September 17th, 2003, 07:23 AM

Not sure what you wish to do. If Over is a checkbox and is checked then do you want to set it to dispaly? If so then:

Code:

Over.style.display = "inline";

or

Code:

Over.style.display = "";

should be okay. It seems a bit odd though, if the box was set to display:none then how could it be checked?

--

Joe

Mimi · September 17th, 2003, 11:50 PM

hey thanks Joe! Used Over.style.display = "";
and it worked :)

Super thanks!