Твиттер в обычном div?

Question

Код для вставки в Твиттер - большая неуклюжесть, если вы спросите меня.Похоже, вам нужно загрузить js и поместить код вставки js (javascript) на страницу, где вы хотите, чтобы он появился.Я хотел бы загрузить js прямо до конца моего </body>, а также поместить туда скрипт js.Затем я хотел бы просто разместить пустой раздел в любом месте на моей странице, и там будет отображаться твиттер.Например, <div id='twitter_feed'></div> Возможно ли изменить код, который нам дает Twitter?

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 4,
  interval: 6000,
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#333333',
      color: '#ffffff'
    },
    tweets: {
      background: '#000000',
      color: '#ffffff',
      links: '#4aed05'
    }
  },
  features: {
    scrollbar: true,
    loop: false,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'all'
  }
}).render().setUser('example').start();
</script>

Мой вопрос не в том, как использовать разные инструменты для рендеринга канала.У меня вопрос: как мне сделать приведенный выше код, который предоставляет твиттер, и написать его так, чтобы он отображался в указанном мной div?

После прочтения этого ... http://www.dustindiaz.com/twitter-widget-doc Я обнаружил, что выможно указать идентификатор.

Answer 1

Это звучит так, как вы хотите, используя плагин твитов jQuery, найденный на http://plugins.jquery.com/project/jQuery-Tweets

HTML

<div id="tweets">
</div>

JQuery

 $('#tweets').tweets({
           tweets:4,
           username: "jquery"
  });

---

или используя текущий виджет http://jsfiddle.net/mazlix/dZ2aP/

<div class="content_up_here">
There's so much stuff here.
</div>
<script>twitterwidget();</script>
<div class="content_down_here">
Lorem and Ipsum sitting in a tree. D O L O R S I T.
</div>

Answer 2

var username = "username";
$.getJSON("http://twitter.com/statuses/user_timeline/"+username+".json?callback=?",
function(data) {  
  function replaceURLWithHTMLLinks(text) {
    var exp = /(\b(https?|ftp|file):\/\/[-A-Z0-9+&@#\/%?=~_|!:,.;]*[-A-Z0-9+&@#\/%=~_|])/ig;
    return text.replace(exp,"<a href='$1'>$1</a>"); 
  }

  $("#tweet").html(replaceURLWithHTMLLinks(data[0].text));
});

Приведенный выше скрипт проанализирует ссылки и имена пользователей и сделает их реальными ссылками.Все, что вам нужно сделать, это иметь div с идентификатором #tweet.Убедитесь, что вы также загружаете jQuery.Это также получает только один последний твит.