load

I've tried using .load() and $.ajax to get some HTML that needs to be appended to a container, but the Javascript within the returned HTML is not being executed when I append it to an element. Using .load() : $('#new_content').load(url+' #content > *',function() { alert('returned'); }); I've also tried switching to a $.ajax call. I then extracted the script from the returned HTML after which I appended it to the container, but same problem, the JS isn't being executed or even appended in this case, and as I understand it, trying to append a <script> to a DOM element like this is frowned upon?

You will see from this code that it loads the content URL from the hash tag. Is there anyway to load only a single div element from that external page. $(function() { if(location.hash) $("#content_inload").load(location.hash.substring(1)); $("#nav a").click(function() { $("#content_inload").load(this.hash.substring(1)); }); }); so something like after .substring(#inload_content(1)) but that does not work. Thanks You just need to add a jquery selector after the url. See: http://api.jquery.com/load/ Example straight from the API: $('#result').load('ajax/test.html #container'); So what that does

Is there a way to capture when the contents of an iframe have fully loaded from the parent page? gblazex <iframe> elements have a load event for that. How you listen to that event is up to you, but generally the best way is to: 1) create your iframe programatically It makes sure your load listener is always called by attaching it before the iframe starts loading. <script> var iframe = document.createElement('iframe'); iframe.onload = function() { alert('myframe is loaded'); }; // before setting 'src' iframe.src = '...'; document.body.appendChild(iframe); // add it to wherever you need it in