Solved

Controlling a dynamically created div

Posted on 2010-08-23
7
312 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
DevOps Toolchain Recommendations

Read this Gartner Research Note and discover how your IT organization can automate and optimize DevOps processes using a toolchain architecture.

 

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

Master Your Team's Linux and Cloud Stack!

The average business loses $13.5M per year to ineffective training (per 1,000 employees). Keep ahead of the competition and combine in-person quality with online cost and flexibility by training with Linux Academy.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

SASS allows you to treat your CSS code in a more OOP way. Let's have a look on how you can structure your code in order for it to be easily maintained and reused.
Finding original email is quite difficult due to their duplicates. From this article, you will come to know why multiple duplicates of same emails appear and how to delete duplicate emails from Outlook securely and instantly while vital emails remai…
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…
Learn how to create flexible layouts using relative units in CSS.  New relative units added in CSS3 include vw(viewports width), vh(viewports height), vmin(minimum of viewports height and width), and vmax (maximum of viewports height and width).

813 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

15 Experts available now in Live!

Get 1:1 Help Now