DOMSubtreeModified Event Example

Playing around with DOMSubtreeModified event. Made by Adam Schwartz.

by Daniel Pegues

HTML

<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<div id="someDiv">Here is my content.</div>

JavaScript

var times = 10;

$('#someDiv').bind('DOMSubtreeModified', function(){
    $(this).effect("highlight", {}, 3000);
});

function changeDiv() {
    $('#someDiv').append('<br/>Here is more content!');
    if (times > 0) {
        setTimeout(function(){
            times--;
            changeDiv();            
        }, 3000);
    }
}
changeDiv();