PDA

View Full Version : Animated Collapsible DIV to Slide not Blind



onlybrian
09-12-2007, 03:42 AM
1) Script Title: Animated Collapsible DIV

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

3) Describe problem: Works great but it doesn't exactly slide up/down. Instead it blinds. It would look a lot better if it slide instead. (ie: slides div content up too)

jscheuer1
09-12-2007, 03:58 AM
Slides for me. What browser are you using?

Please post a link to the page on your site that contains the problematic script so we can check it out.

onlybrian
09-12-2007, 04:54 AM
well, it is sliding but it's not bringing the whole content up with it. it's like a blind effect.

http://asianize.com/test/test.php

jscheuer1
09-12-2007, 05:35 AM
You still haven't answered my question - what browser are you using? I'm asking again because your page seems fine in IE 7, Safari 3 (win) and FF 2. If you are using Opera, I do see a problem in that browser and it is the same as one I've noticed before with this script in Opera. The underlines of the triggers sometimes get trailed. That does look sort of like horizontal window blinds.

When I noticed this before, I wasn't able to figure out any fix for it other than setting the css style of the triggers to:


text-decoration:none;

For example:


<a style="text-decoration:none;" href="javascript:collapse2.slideit()">Show/ Hide DIV</a>

onlybrian
09-12-2007, 02:40 PM
I'm using FF. I don't think you're understanding my request, go here for an example of blind and slide.

http://wiki.script.aculo.us/scriptaculous/show/Effect.toggle

I would use scriptaculous but I'm not able to add persistence.

Thanks

jscheuer1
09-12-2007, 10:27 PM
Bad news, I am on jury duty for at least the next few days, and might not be able to help you as much as I otherwise would until that is concluded.

But I did stop for lunch at an internet caf&#233;, and reviewed this thread. I, at least now see what you are talking about and see two avenues of approach:

1) Since you seem willing to use scriptaculous and just want persistence, if scriptaculous doesn't have a cookie unit, this fairly good one may be employed:

http://www.quirksmode.org/js/cookies.html

The actual code is about midway down the page. The page itself gives a fairly good explanation of what it does.

2) A mod of the DD script may be made to switch to using change of style top instead of change of style height. This would require at least a relatively positioned content area, probably a relatively positioned container that changes its height and has overflow hidden with an absolutely positioned content area inside of that.

If you catch my drift on either of these proposals, and feel confident working out the details yourself, feel free. Otherwise, wait until I or someone else has the time to do so for you.

onlybrian
09-14-2007, 12:18 AM
scriptaculous does have cookies but i dont know how to apply it, lol. but thank you so much for that info. i will try to work on it... might take days but at least i know that i need.