Paste #34632: Edit of P#34631 - Untitled Paste

Date: 2016/07/08 20:06:47 UTC-07:00
Type: Denizen Script

View Raw Paste Download This Paste
Copy Link


html_code: <!DOCTYPE html>
            <html>
                <head>
                    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
                    <script>
                        var lastData;
                        var existing;
                        $(document).ready(function() {
                            window.setInterval(function() {
                                $.get('%address%',
                                    function(data) {
                                        data = data.valueOf();
                                        if (data != lastData) {
                                            var useless = document.createElement('div');
                                            useless.innerHTML = data;
                                            var elements = useless.childNodes;
                                            var div = document.getElementById('your-div-here');
                                            var hiccup = [];
                                            for (i = 0; i < elements.length; i++) {
                                                var element = elements[i];
                                                hiccup.push(element.id);
                                                console.log("hiccuping: " + element.id);
                                                if (document.getElementById(element.id) === null) {
                                                    console.log("appending hiccup'd");
                                                    div.appendChild(element);
                                                }
                                            }
                                            for (key in existing) {
                                                console.log("key " + key + ": " + existing[key]);
                                                console.log(hiccup.indexOf(existing[key]);
                                                if (hiccup.indexOf(existing[key]) === -1) {
                                                    console.log("does not have");
                                                    var removing = document.getElementById(existing[key]);
                                                    removing.pause();
                                                    removing.src ="";
                                                    removing.load();
                                                    div.removeChild(removing);
                                                }
                                            }
                                            existing = hiccup;
                                            lastData = data;
                                        }
                                    }
                                );
                            },1000);
                        });
                    </script>
                </head>
                <body>
                    <div id="your-div-here"></div>
                </body>
            </html>