visheshd / Tweetable

jQuery twitter feed plugin

Home Page:http://theodin.co.uk/blog/jquery/tweetable-1-6-launched.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Tweetable - A jQuery plugin for displaying twitter feeds

GitHub : https://github.com/philipbeel/Tweetable
Demo : http://plugins.theodin.co.uk/jquery/tweetable/tweetable.1.7/demo/index.html
Website : http://theodin.co.uk
Email : contact@theodin.co.uk
Twitter : @philipbeel

Descrpition

Tweetable is a lightweight jQuery plugin that enables you to display your twitter feed on your site quickly and easily. More than just displaying the feeds you can highlight @replys as well as links being dynamically generated for ease of use.

Usage

Call in the jQuery framework and jquery.tweetable.js in your webpage

<script type="text/javascript" src="jquery.tweetable.js"></script>

Create an element on your page that you want to call your twitter feed into.

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

Initiate tweetable on your selected element, pass in the twitter username.

$('#tweets').tweetable({username: 'philipbeel'});

TimeAgo plugin support

Tweetable also supports timeago. for displaying how long ago a tweet was posted. This can be achieved like so:

$('#tweets').tweetable({
	html5: true,
	onComplete:function($ul){
		$('time').timeago();
	}
});

Plugin parameters

limit: {Iteger}, // Number of tweets to show
username: {String}, // @username tweets to display
time: {Boolean}, // Display date
retweets: {Boolean}, // Discount retweets false
replies: {Boolean}, // Filter out @replys if true
failed: {String} // Text to display when API returns no results
rotate: {Boolean} // Displays only one tweet at a time
speed: {Iteger} // Speed in milliseconds to display each tweet if rotating
append: {String} // Appended position
HTML5: {Boolean} // Confirm if HTML5 is supported (timeago support)
onComplete: {Object} // Function callback after event triggered