PDA

View Full Version : Animated Collapsible DIV + Youtube problem



yanblah
04-21-2012, 04:15 AM
1) Animated Collapsible DIV http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.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.

jscheuer1
04-21-2012, 05:14 AM
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 (http://www.dynamicdrive.com/forums/showpost.php?p=7) for more information.



Your page is in violation of Dynamic Drive's usage terms (http://www.dynamicdrive.com/notice.htm), 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):


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

yanblah
04-21-2012, 05:55 AM
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.

yanblah
04-21-2012, 06:04 AM
jscheuer1:

i've changed the code to just one script:


<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 :(

yanblah
04-21-2012, 06:46 AM
resolved! :)
i was using the javascript link instead rel atribute. With rel atribute it works ;)

Thank you!

jscheuer1
04-21-2012, 03:54 PM
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!