Results 1 to 7 of 7

Thread: Animated Collapsible DIV to Slide not Blind

  1. #1
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Animated Collapsible DIV to Slide not Blind

    1) Script Title: Animated Collapsible DIV

    2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...edcollapse.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)

  2. #2
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  3. #3
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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

  4. #4
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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:

    Code:
    text-decoration:none;
    For example:

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

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  5. #5
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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/scriptac.../Effect.toggle

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

    Thanks

  6. #6
    Join Date
    Mar 2005
    Location
    SE PA USA
    Posts
    30,495
    Thanks
    82
    Thanked 3,449 Times in 3,410 Posts
    Blog Entries
    12

    Default

    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.
    - John
    ________________________

    Show Additional Thanks: International Rescue Committee - Donate or: The Ocean Conservancy - Donate or: PayPal - Donate

  7. #7
    Join Date
    Sep 2007
    Posts
    6
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •