Still celebrating National IT Professionals Day with 3 months of free Premium Membership. Use Code ITDAY17

x
?
Solved

Controlling a dynamically created div

Posted on 2010-08-23
7
Medium Priority
?
317 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 5
  • 2
7 Comments
 
LVL 3

Accepted Solution

by:
WabbitSeason earned 2000 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
Give Your Engineering Team a Productivity Boost

Learn why container technology is so powerful and how it can provide your team with productivity gains and other benefits.

 

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

How to Use the Help Bell

Need to boost the visibility of your question for solutions? Use the Experts Exchange Help Bell to confirm priority levels and contact subject-matter experts for question attention.  Check out this how-to article for more information.

Question has a verified solution.

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

Nothing in an HTTP request can be trusted, including HTTP headers and form data.  A form token is a tool that can be used to guard against request forgeries (CSRF).  This article shows an improved approach to form tokens, making it more difficult to…
The article shows the basic steps of integrating an HTML theme template into an ASP.NET MVC project
In this tutorial viewers will learn how to embed Flash content in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: "<!DOCTYPE html>": Use the <object> tag to embed Flash content.: To specify that the object is Flash content, d…
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

688 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