Results 1 to 6 of 6

Thread: Animated Collapsible DIV + Youtube problem

  1. #1
    Join Date
    Apr 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default Animated Collapsible DIV + Youtube problem

    1) Animated Collapsible DIV http://www.dynamicdrive.com/dynamici...edcollapse.htm

    2) http://thehits.com/th/fas.php

    3) Hi everyone, I realy apreciate if you help me because I've searched this forum looking for an answer but i coudn't find it. My problem is because the div dont stay open with youtube objects on it. When you click on the titles like "The Darkness - I believe in a thing called love" or others on the "Videos Fas" the div open and close very fast instead stay opened.

    I just asked this question because i really need solve this and i really apreciate any help.

    Thank you, very much.
    Last edited by yanblah; 04-21-2012 at 06:47 AM. Reason: Didnt have insert script url

  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

    Please post about Dynamic Drive Scripts in the Dynamic Drive Scripts Help section here where I've moved this thread, and:

    Warning: Please include a link to the DD script(s) in question in your post. See this post for more information.




    Your page is in violation of Dynamic Drive's usage terms, which, among other things, state that the script credit must appear in the source code of the page(s) using the script. Please reinstate the notice first.


    That all said, just get rid of one or the other of the two scripts (from the page's source code):

    Code:
    <script type="text/javascript">
    animatedcollapse.addDiv('show1', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show2', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show3', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show4', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show5', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show6', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show7', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show8', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show9', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show10', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show11', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show12', 'fade=1,speed=0,group=shows')
    animatedcollapse.ontoggle=function($, divobj, state){
    }
    
    animatedcollapse.init()
    </script><script type="text/javascript">
    animatedcollapse.addDiv('video1', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video2', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video3', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video4', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video5', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video6', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video7', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video8', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video9', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video10', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video11', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.addDiv('video12', 'fade=1,speed=0,persist=1,group=fas')
    animatedcollapse.ontoggle=function($, divobj, state){
    }
    
    animatedcollapse.init()
    </script>
    What's happening is, since you have two scripts setting up the same divs, as soon as one script opens a div, the other script closes it.
    - John
    ________________________

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

  3. #3
    Join Date
    Apr 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    Thank you, very much! You rock! And sorry about the wrong section. I'm new here and didn't saw it because there's a topic in that section with the scripts name in the title.

    Thank you, again.

  4. #4
    Join Date
    Apr 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    jscheuer1:

    i've changed the code to just one script:

    Code:
    <script type="text/javascript">
    animatedcollapse.addDiv('show1', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show2', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show3', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show4', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show5', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show6', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show7', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show8', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show9', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show10', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show11', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('show12', 'fade=1,speed=0,group=shows')
    animatedcollapse.addDiv('video1', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video2', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video3', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video4', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video5', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video6', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video7', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video8', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video9', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video10', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video11', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.addDiv('video12', 'fade=1,speed=0,persist=1,height=800px,group=fas')
    animatedcollapse.ontoggle=function($, divobj, state){
    }
    
    animatedcollapse.init()
    </script>
    but yet the div stills with the same problem

  5. #5
    Join Date
    Apr 2012
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    resolved!
    i was using the javascript link instead rel atribute. With rel atribute it works

    Thank you!

  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

    I meant to get rid of one or the other of the two scripts, not combine them.

    But, as long as it's working for you, that's great!
    - John
    ________________________

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

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
  •