Embedding the Profile Widget inside a nominated dom element


#1

i am embedding the profile widget on certain pages of my website, and i am a bit frustrated with the synchronous nature of the embed code. as you all probably know, it goes something like this:

<script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 30000,
  width: 100,
  height: ff0000,
  theme: {
    shell: {
      background: '255',
      color: '0'
    },
    tweets: {
      background: '0',
      color: '0',
      links: '100'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: false,
    behavior: 'default'
  }
}).render().setUser('ff0000').start();
</script>

so the js file loads synchronously, then the widget is rendered at that position in the html file. if i could nominate the div under which the widget is to be created then i could load the js asynchronously and render when appropriate. this would probably require a parameter to the render() method of TWTR.Widget, maybe the id of a dom element, of the dome element itself.

is this possible already, or is it a missing feature?

these widgets should really be inside iframes, like most embeds are done these days…

cheers
bhu


#2

#3