show/hide text, but more...

Thread view:

Enable EMail Alerts

Start New Thread

Thread rating:

Dan - 28 Apr 2007 08:08 GMT

Hi,

I know how to show and hide text, but I want to make it so that the
page shifts up when I hide my text. Right now with the simple code, it
only leaves a blank space.

Thanks,
Daniel

http://rail.blu-streak.com/galleries/system/1.php

scroll down to walks to see the show/hide buttons

Reply to this Message

shimmyshack - 28 Apr 2007 09:46 GMT

> Hi,
>
[quoted text clipped - 8 lines]
>
> scroll down to walks to see the show/hide buttons

instead of
e.style.visibility = 'hidden';
why not define a class in your css
.gone
{
visibility: hidden;
display: none;
}
and use
e.className = 'gone';

or check out one of the libraries for js effects, scriptaculous etc...

Reply to this Message

scripts.contact - 28 Apr 2007 11:55 GMT

> Hi,
>
> I know how to show and hide text, but I want to make it so that the
> page shifts up when I hide my text.

> http://rail.blu-streak.com/galleries/system/1.php

then use display:none

Reply to this Message

prince@dyumnin.com - 28 Apr 2007 17:57 GMT

> Hi,
>
[quoted text clipped - 8 lines]
>
> scroll down to walks to see the show/hide buttons

Display:none removes the element from the layout.
visibility:hidden keeps the element in the layout but does not show
the content.

using Display:none to forces a realignment of the page layout creating
the effect you want.

HTH Prince
--
http://dyumnin.com/webapps/howto/web_application_components_javascript.shtml
http://dyumnin.com

Reply to this Message

Dan - 30 Apr 2007 16:58 GMT

Thank you so much. This helps a lot

Reply to this Message

Webmaster Forum / HTML, CSS, Scripts / JavaScript / April 2007

show/hide text, but more...