Code Snippet
jQuery Tweetify Text
Function
$.fn.tweetify = function() {
this.each(function() {
$(this).html(
$(this).html()
.replace(/((ftp|http|https):\/\/(\w+:{0,1}\w*@)?(\S+)(:[0-9]+)?(\/|\/([\w#!:.?+=&%@!\-\/]))?)/gi,'<a href="$1">$1</a>')
.replace(/(^|\s)#(\w+)/g,'$1<a href="http://search.twitter.com/search?q=%23$2">#$2</a>')
.replace(/(^|\s)@(\w+)/g,'$1<a href="http://twitter.com/$2">@$2</a>')
);
});
return $(this);
}
Usage
$("p").tweetify();
Before
<p>@seanhood have you seen this http://icanhascheezburger.com/ #lol</p>
After
<p><a href="http://twitter.com/seanhood">@seanhood</a> have you seen this
<a href="http://icanhascheezburger.com/">http://icanhascheezburger.com/</a>
<a href="http://search.twitter.com/search?q=%23lol">#lol</a></p>
Reference URL
Didn’t work for me, :(
me either..
It works fine for me.
Works for me! Thanks:)
Using:
Mac OSX Snow Leopard
Coda 1.6.4
Works good for me too, thanks Chris!
How would you hide the ‘http://’ part of the URL from the display text?
I can’t seem to find a way to replace or remove specific text inside an <a> tag.
Any help appreciated!
Perhaps add
I were just about to reply that it sound stupid because Google dosent follows javascript links – but thats not true, they DO actually have the ability to follow javascript links:
http://www.youtube.com/watch?v=mmoHmfy5AcQ
http://www.youtube.com/watch?v=Z5ZTa9yeRgg
Also very useable for making it happen in PHP! :)
Thanks.
DigWP
A book and blog co-authored by Jeff Starr and myself about the World's most popular publishing platform.
Quotes on Design
Design, like Art, can be an elusive word to define and an awfully fun thing to have opinions about.
HTML-Ipsum
One-click copy to clipboard access to Lorem Ipsum text that comes wrapped in a variety of HTML.
Bookshelf
Hey Chris, what books do you recommend? These, young fertile mind, these.