Question

I’m using drupal, with a chat module that creates divs for each chat. Because it’s an external module, I don’t want to modify the code. My question is this:

Is there a way for jquery to trigger an event if another script creates a div? Would I have to test every X seconds, or something like that?

Answer 1

Maybe something like this:

$('#myDiv').bind('DOMNodeInserted DOMNodeRemoved', function(event) {
    if (event.type == 'DOMNodeInserted') {
        alert('Content added! Current content:' + '\n\n' + this.innerHTML);
    } else {
        alert('Content removed! Current content:' + '\n\n' + this.innerHTML);
    }
});

With that you could check if something has been added to a certain div. So if something has been inserted in myDiv it would trigger an event which you listen to, and then take certain actions.