twitter-widgets
Version:
Wrapper for dynamically loading the Twitter widgets script (follow button, embedded tweets etc.)
82 lines (61 loc) • 1.7 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>TwitterWidgetsLoader demo</title>
</head>
<body>
<h1>TwitterWidgetsLoader demo</h1>
<h2>First tweet (first load() call)</h2>
<div id="tweet1"></div>
<h2>Second tweet (second load() call, queued after first)</h2>
<div id="tweet2"></div>
<h2>Third tweet (load() was called inside another load() handler)</h2>
<div id="tweet3"></div>
<h2>Fourth tweet (load() was called after 5s delay)</h2>
<div id="tweet4"></div>
<h2>Follow button</h2>
<div id="follow"></div>
<script type="text/javascript" src="index.js"></script>
<script type="text/javascript">
TwitterWidgetsLoader.load(function(err, twttr) {
if(err) {
console.error(err);
return;
}
twttr.widgets.createFollowButton('Prinzhorn', document.getElementById('follow'));
});
TwitterWidgetsLoader.load(function(err, twttr) {
if(err) {
console.error(err);
return;
}
twttr.widgets.createTweet('20', document.getElementById('tweet1'));
});
TwitterWidgetsLoader.load(function(err, twttr) {
if(err) {
console.error(err);
return;
}
twttr.widgets.createTweet('20', document.getElementById('tweet2'));
TwitterWidgetsLoader.load(function(err, twttr) {
if(err) {
console.error(err);
return;
}
twttr.widgets.createTweet('20', document.getElementById('tweet3'));
});
});
setTimeout(function() {
TwitterWidgetsLoader.load(function(err, twttr) {
if(err) {
console.error(err);
return;
}
twttr.widgets.createTweet('20', document.getElementById('tweet4'));
});
}, 5 * 1000);
</script>
</body>
</html>