Note that there are some explanatory texts on larger screens.

plurals
  1. PODynamically loading external HTML in a div using Java Script
    primarykey
    data
    text
    <p>I have prepared some demo examples for the topic. There is page name "changelog.html" here:</p> <p><a href="http://pantheon-studios.in/test/jquery/changelog.html" rel="nofollow noreferrer">http://pantheon-studios.in/test/jquery/changelog.html</a></p> <p>This is working fine if loaded directly.</p> <p>I am trying to load this page dynamically into:</p> <p><a href="http://pantheon-studios.in/test/jquery/index.html" rel="nofollow noreferrer">http://pantheon-studios.in/test/jquery/index.html</a></p> <p>Here changelog.html doesn't behaving as expected.</p> <p>I think the init script on changelog.html is not getting executed or something else is happening when loading it dynamically.</p> <p>Like wise I do have couple of other pages using various jQuery and other java scripts plugins. Some of those needs initialization like animatedcollapse.js in the above example, and couple of them doesn't need initialization, you can directly call the script and go. </p> <p>I also gave a try using:</p> <pre><code>jQuery.getScript("anim.js") </code></pre> <p>after dynamically loading "changelog.html" but doesn't work.</p> <p>The "anim.js" contains</p> <pre><code>animatedcollapse.addDiv('cat', 'fade=0,speed=400,group=pets,hide=1'); animatedcollapse.addDiv('dog', 'fade=0,speed=400,group=pets,hide=1'); animatedcollapse.addDiv('rabbit', 'fade=0,speed=400,group=pets,hide=1'); animatedcollapse.init(); </code></pre> <p>I would really appreciate is some one point me out the right direction. I am completely new to web programming so please have some patience with me.</p> <p>Thanks </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload