2011-01-17 9 views
2

次のようなコードを使用して、最近のつぶやきのリストをWebサイトで取得しています。しかし、私が解決したい1つの問題があります。私はつぶやきをレンダリングしたい場所にこのコードを置く必要があり、HTMLをきれいに保つために別のファイルに移動したいと思います。しかし、私は本当にそれを行う方法を見つけることができません。Twitter JSウィジェットコードを外部ファイルに移動

<script src="http://widgets.twimg.com/j/2/widget.js"></script> 
<script> 
new TWTR.Widget({ 
    version: 2, 
    type: 'list', 
    rpp: 5, 
    interval: 6000, 
    title: '@palafo', 
    subject: 'Linkers', 
    width: 250, 
    height: 300, 
    theme: { 
    shell: { 
     background: '#ad0000', 
     color: '#ffffff' 
    }, 
    tweets: { 
     background: '#ffffff', 
     color: '#444444', 
     links: '#ad0000' 
    } 
    }, 
    features: { 
    scrollbar: true, 
    loop: false, 
    live: true, 
    hashtags: true, 
    timestamp: true, 
    avatars: true, 
    behavior: 'all' 
    } 
}).render().start(); 
</script> 
ライブラリの

ソースコードが入手可能ですhere

答えて

0

あなたの別のJSファイルにこれを入れて:あなたはロードする準備が整いました、ドキュメント内のポイントで、その後、

twitterWidget = new TWTR.Widget({ 
    version: 2, 
    type: 'list', 
    rpp: 5, 
    interval: 6000, 
    title: '@palafo', 
    subject: 'Linkers', 
    width: 250, 
    height: 300, 
    theme: { 
    shell: { 
     background: '#ad0000', 
     color: '#ffffff' 
    }, 
    tweets: { 
     background: '#ffffff', 
     color: '#444444', 
     links: '#ad0000' 
    } 
    }, 
    features: { 
    scrollbar: true, 
    loop: false, 
    live: true, 
    hashtags: true, 
    timestamp: true, 
    avatars: true, 
    behavior: 'all' 
    } 
})); 

をし、ウィジェットは、

<script type="text/javascript> 
twitterWidget.render().start(); 
</script> 
+0

と入力してください。ただし、インラインJSコードが必要ですか?私はそれに対処できる答えを期待していました。 – RaYell

+0

私は同じ問題で苦労しています。@ simonの解決策は得られません。私がインラインJavaScriptを使用しない限り、レンダリングは全く行われません。 :( –

+0

ここと同じですが、あなたはどんなインラインスクリプトでも厳密なCSPを行うことはできません – oreoshake

0

ですが、これは忘れてしまった彼src。文書をロードする準備ができたら、

<script type="text/javascript src="path/to/.js/file"> 
twitterWidget.render().start(); 
</script>