Solved

Controlling a dynamically created div

Posted on 2010-08-23
7
310 Views
Last Modified: 2012-05-10
So I found this script:
http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm

It is pretty nice and it helps me with a static page where all the code is "pre-written".

Problem comes when I try to use the createElement function to create a div and a link that uses the animated collapse code to expand and collapse the recently created div.

Firebug shows all the right code, but the div simply doesn't respond.

PS. When I create the div element I also specify the "animatedcollapse.addDiv('xxx', 'fade=0,speed=400,group=yyyy)" javascript
0
Comment
Question by:robrodp
  • 5
  • 2
7 Comments
 
LVL 3

Accepted Solution

by:
WabbitSeason earned 500 total points
ID: 33508762
The problem is that the script initializes some required variables in its init method. Try calling animatedcollapse.init(); again after you added and addDiv'ed the elements. Works here.
0
 

Author Comment

by:robrodp
ID: 33514379
Thanks a lot

There is some good news and some bad news. Good news is that the dynamically added div behaves properly, the bad is that now all the other divs are immediately closed when prompted to open. Is there any way to reset the init method and the call it instead of just calling it twice? Some sort of animatedcollapse.end();

Thanks, it's been very helpful

0
 

Author Comment

by:robrodp
ID: 33516074
It seems like I fixed it creating a new toggle function that detects if the div displayed or not and then it hides it or shows it accordingly. Will test! Thanks!
0
What Is Threat Intelligence?

Threat intelligence is often discussed, but rarely understood. Starting with a precise definition, along with clear business goals, is essential.

 

Author Comment

by:robrodp
ID: 33516319
Would you happen to know why, when the new object is added the last clicked div automatically opens?
0
 

Author Comment

by:robrodp
ID: 33516563
I've fixed it by adding a hidden div that has a collapsible div that is opened before hitting the animatedcollapse.init();
0
 
LVL 3

Expert Comment

by:WabbitSeason
ID: 33518663
Getting kind of hacky :). I don't think the script was meant to work with runtime-added divs. Anyway, do you need anymore help?
0
 

Author Comment

by:robrodp
ID: 33526713
Nop, thank you!
0

Featured Post

Threat Intelligence Starter Resources

Integrating threat intelligence can be challenging, and not all companies are ready. These resources can help you build awareness and prepare for defense.

Join & Write a Comment

Introduction JSON is an acronym for JavaScript Object Notation.  It is a text-string data transport mechanism, capable of representing simple or complex data structures in a consistent and easy-to-read manner.  Similar in concept to XML, but more e…
Is your Office 365 signature not working the way you want it to? Are signature updates taking up too much of your time? Let's run through the most common problems that an IT administrator can encounter when dealing with Office 365 email signatures.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …

759 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

23 Experts available now in Live!

Get 1:1 Help Now