<![CDATA[ [tip] Non-obtrusive hiding of elements to work with scriptaculous effects and IE - MODX Community Forums]]> https://forums.modx.com/thread/?thread=19715 <![CDATA[Re: [tip] Non-obtrusive hiding of elements to work with scriptaculous effects an]]> https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109633
I had tried to use something like <div id="thisdivhidden" onload="Element.hide(’thisdivhidden’);> but it didn’t work...]]>
davidm May 09, 2006, 06:01 AM https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109633
<![CDATA[Re: [tip] Non-obtrusive hiding of elements to work with scriptaculous effects an]]> https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109632 sottwell Apr 04, 2006, 06:09 PM https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109632 <![CDATA[Re: [tip] Non-obtrusive hiding of elements to work with scriptaculous effects an]]> https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109631 Quote from: grunt_lord at Mar 30, 2006, 09:40 PM

When you want some of your stuff to start hidden (so you can use effects like ’BlindDown’, ’Appear’ or ’Grow’), simply put that line just after the element opening tag

You can also just set the element to display: none; inline, like so:

<div id="thisdivishidden" style="display: none;">
...
</div>

it has to be inline or else it won’t appear when scriptaculous tells it to.]]>
evan Apr 04, 2006, 12:36 PM https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109631
<![CDATA[Re: [tip] Non-obtrusive hiding of elements to work with scriptaculous effects and IE]]> https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109630

regards,

zi]]>
zaigham Mar 31, 2006, 06:42 AM https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109630
<![CDATA[ [tip] Non-obtrusive hiding of elements to work with scriptaculous effects and IE]]> https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109629
Everything was screwed : elements that I was hiding just before starting the animation flashed on the screen before the animation started or simply stayed there and visible. I found that quick thing 5 minutes ago and it makes things perfect in IE and FF (and it’s even better now in FF).

When you want some of your stuff to start hidden (so you can use effects like ’BlindDown’, ’Appear’ or ’Grow’), simply put that line just after the element opening tag :

<div id="thisdivishidden">
<script type="text/javascript">Element.hide('thisdivishidden');</script>
...
...
</div>


It makes thing hidden both in IE and FF and avoid flashing (that also happen in FF when the bandwidth is low).

Hope it helps someone!

bye,

Blaise]]>
grunt_lord Mar 30, 2006, 03:40 PM https://forums.modx.com/thread/19715/tip-non-obtrusive-hiding-of-elements-to-work-with-scriptaculous-effects-and-ie#dis-post-109629