CODEWITHSUNDEEP
javascriptlazy-loading
akshayc11
akshayc11

Reputation: 575

How to run a javascript function when a page dynamically loads content

I am currently writing some Javascript code that adds some tags across text in an HTML file after the page loads. I use the 

window.onload

method for achieving this.

However, I am facing an issue in pages like google plus, where you get more content as you scroll down. Is there a way of calling my JS function when such a page adds more content?

Thanks

Akshay

Upvotes: 0

Views: 490

Answers (1)

Matúš Dúbrava
Matúš Dúbrava

Reputation: 801

There are several ways how to get this working. You can either use jquery like this:

$('#mydiv').bind("DOMSubtreeModified",function(){
    // your code goes here
    alert('changed');
});

Note that this is not supported in IE8( and below).

Or you can run loop and continuously fire the desired code:

var interval = setInterval(function() {
    // your code goes here
}, 1000);

Fiddle: http://jsfiddle.net/8RF5r/5/

Upvotes: 1

Related Questions