Как вставить виджет Twitter в вид GWT

Question

У меня есть вид, который я создал в своем приложении GWT, и я хотел бы встроить / использовать один из виджетов Twitter, который предоставляет твиттер (например, этот http://twitter.com/about/resources/widgets/widget_search). Они вставляют его с помощью скриптазатем выписывает соответствующий html. Я пытался разными способами вставить его, но я не смог заставить его работать - мы сделали это, поместив его в iFrame, но это вызвало другие проблемы.

Вот пример кода, который Twitter предоставляет для вставки:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: 'rainbow',
  interval: 30000,
  title: 'It\'s a double rainbow',
  subject: 'Across the sky',
  width: 250,
  height: 300,
  theme: {
    shell: {
      background: '#8ec1da',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: false,
    loop: true,
    live: true,
    behavior: 'default'
  }
}).render().start();
</script>

Answer 1

Поэтому, посмотрев непосредственно на код JavaScript виджета твиттера, я увидел, что можно передать идентификатор, чтобы можно было использовать существующий элемент.Жаль, что твиттер на самом деле не документировал все доступные варианты (по крайней мере, не на странице, которую я разместил выше), возможно, я понял это раньше.

Вот пример составного виджета, который вставитТвиттер-виджет и работа в GWT, я протестировал этот код в GWT 2.4, и он работал в Firefox 6, Chrome 16 и IE9 (хотя у IE были некоторые странные проблемы со стилем в моей среде).

Answer 2

Я нашел более простое решение здесь , без JSNI / pure gwt-java, его легко настроить.