Why am I getting this loop of endless calling?

Question

This is my code :

<script type="text/javascript" src="http://widgets.twimg.com/j/2/widget.js"></script>
<a id="renderPI" href="javascript:void(0);">Render Plugin</a>

$('#renderPI').click(function () {
    new TWTR.Widget({
        version: 2,
        type: 'profile',
        rpp: 4,
        interval: 30000,
        width: 650,
        height: 202,
        theme: {
            shell: {
                background: '#7ee1fc',
                color: '#2e2e2e'
            },
            tweets: {
                background: '#ffffff',
                color: '#949494',
                links: '#009ece'
            }
        },
        features: {
            scrollbar: true,
            loop: false,
            vlive: false,
            hashtags: true,
            timestamp: true,
            avatars: false,
            behavior: 'all'
        }
    }).render().setUser('google').start();    
});

when I try to make a Twitter widget, if you check the JS console, you will see a strange bachavius! What for? And how can I fix this?

EDIT It seems the problem is only in firefox? I get tons of messages attempt to run compile-and-go script on a cleared scope...

Answer 1

The twitter widget uses operators document.write. Execution document.writeon the loaded page empties the document, therefore, the error is the demo here . My two cents: FireFox is doing it right.

TWTR, document.write DOM-. DIV id id TWTR - .