Skip to content

Instantly share code, notes, and snippets.

@dalager
Forked from jesperbjensen/twitrotator.html
Created May 24, 2011 11:23
Show Gist options
  • Save dalager/988557 to your computer and use it in GitHub Desktop.
Save dalager/988557 to your computer and use it in GitHub Desktop.
Simple tweet rotator
<!DOCTYPE html>
<html>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js">
</script>
<script type="text/javascript" charset="utf-8">
var query = 'askhybel';
$(function() {
$.getJSON("http://search.twitter.com/search.json?callback=?&q=" + query,
function (r) {
setResults(r);
});
});
var results = [];
var index = 0;
function setResults(data) {
results = data.results;
update();
}
function setTweet(result) {
$("#image").attr("src" , result.profile_image_url);
$("#name").text(result.from_user);
$(".userlink").attr('href','http://twitter.com/'+result.from_user).attr('target','_blank');
var text = result.text.replace(/(https?:\/\/[^\s]+)/g,'<a target="_blank" href="$1">$1</a>');
text = text.replace(/@([a-z0-9]*)/g,'<a target="_blank" href="http://twitter.com/$1">@$1</a>');
$("#text").html(text);
}
function update() {
setTweet(results[index]);
index += 1;
if(index == results.length) {
index = 0;
}
setTimeout(update,15000);
}
</script>
<body>
<a class="userlink"><img id="image" /></a>
<a class="userlink" href="#"><h2 id="name"></h2></a>
<p id="text"></p>
</body>
</html>
@brionace
Copy link

nice and simple, thanks you!

@studiotwelve
Copy link

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment