JavaScript: Simple Twitter Feed « Navarr's Tech Side

12Feb/0814

JavaScript: Simple Twitter Feed

This is code that I will kindly let anyone use. It only works with public twitter accounts, however, but it is perfect for placing on any web page.

First we have the Inclusion of the File (can only be included once per page). Then the HTML for where the Twitter Feed is going to go, and then the JavaScript to include the file.

Code block    
<script type="text/javascript" src="http://www.gtaero.net/twitter/twitter.php?user=USERNAME"></script>
<div id="twitFeed">Optional Placeholder Text</div>
<script type="text/javascript">twitter2id("twitFeed");</script>

Feel free to use this code anywhere you want to. It is my gift to you!

UPDATE: Some additional (optional) variables have been added to the script for further tweaking.

February 24, 2008.

UPDATE: Support for twitter lists and turled profiles has been added to the script. Your script might break with these changes, please view the post for more information.

October 30, 2009.

Tagged as: Code, javascript, twitter Leave a comment

Navarr

I think some of the code you posted in the comment was stripped out. The code that you changed,

date("i",filemtime("twitter_$user.json")) < date("i")+4

was designed as a cache system, to only pull a file if it was less than 5 minutes old (because of rate limiting).

If you don't want to cache it, you can probably pull out the entire file storing procedure.
mattt

hey guys
i was having an issue with this feed pulling old tweets, mainly from the day i ftp'd it

i fixed it by changing this

if(file_exists("twitter_$user.json") && date("i",filemtime("twitter_$user.json")) mktime() )

hope this can help someone else

lebaxxx.com
Taki

Hey,
I just used it on the new weblog I designed for myself, simple and does the job.
Thanks.
Navarr Barnier

You can disable the little bullet point by using CSS on the List:

<ul style="list-style-type:none;">
Matt

I'm using it on www.wickcopy.com. Thanks!
Keyan

Bitchin' code! One question how could I make it instead of feeding a user feeding a topic i.e. "dogs" or whatever?
greenline creative

I love this code, It feeds my tweets, but i can not get it to format for the life of me, It also has a bullet in front of my tweet. Can anyone help me with my formating issues, as far as the code feeding and working correctly, not a problem works fine.

Thanks

Dennis
Cory

Thank you for the code. I'm now using this script on my page at http://www.justwritestl.com and it's great.

Cory
Stretch

Wow, thanks a ton for making this available! Turns out, this is a fantastic way to use Twitter Feeds in a Joomla Wrapper. Twitter killed the use of iframes and this gets me around that.

Working on formatting it, but this is a fantastic little script!

http://www.seasonedgamers.com/home/index.php?option=com_wrapper&view=wrapper&Itemid=106
Locke

First of all (I should have said this in my first comment) this script is amazing. Compared to some other ones I tried, it's so much simpler and just an excellent solution. So good job.

As for dual feeds, when I try to add the javascript a second time, it only displays the second one. I don't know much about javascript or html in general, so if you were going to try this, what would your code look like? I won't hold you responsible for anything that goes wrong. :)

Thanks for the help!
Navarr Barnier

Theoretically based on how JavaScript works you may actually be able to re-include the javascript a second time later on in the file, thus over-writing the original function. (past the placement of the first feed).

I haven't tried this, however, and I don't normally recommend it (and I will not support any bugs it creates).

But go ahead and try, if you want to ^.^
Locke

I know it says it can only include the file once per page, but is there any possible way to display two feeds?
miro

Thank you so much, this is brilliant.

And nice and simple which is just what I needed.

You are awesome!
webchick.org

Great Script - curently in use at http://webchick.org/.

I had no problems whatsoever with the install and instructions (although they are geared at the clueful) ... however you are missing two quote marks ...

One after -

{integer:amount of posts|default:10max:20}

and one here -

script type="text/javascript

(in the javascript include)

Otherwise, it worked great! Thank you so much for this script!

blog comments powered by Disqus

« The Man Who Never Sleeps The Future of Automobiles… Now! »

S	M	T	W	T	F	S
« Jan				Mar »
					1	2
3	4	5	6	7	8	9
10	11	12	13	14	15	16
17	18	19	20	21	22	23
24	25	26	27	28	29

Navarr's Tech Side The Technical Side of my Life

JavaScript: Simple Twitter Feed

Calendar

Archive

Twitter

Sponsored

Meta