Papermashup

Subscribe


Tweets


"RT @Eva_Shaughnessy: #finedining @romomobilecafes restaurant this evening with #NewHair #winning #SaturdayNight #GirlsNightOut http://t.co/…"

@ashleyford 2 weeks ago

"RT @kycutwilson: @ashleyford @burgerbeartom incredible. There's 5 more left! Shout about it!!"

@ashleyford 4 weeks ago

Designer and web developer, Co-founder and Technical Director at Harkable.com. Previously I worked at Spotify, MySpace and InMobi. Contact me - ashley[at]papermashup.com

Latest tweets tooltip plugin with jQuery

AshleyAshley

Whilst browsing my feeds I found an interesting post by Cody over at Codrops on how to add a twitter tooltip popup on any paragraph of text.

You can find the main plugin here: jQuery Twitter Search Plugin or view the demo

The Code

Oh well there’s not much to brag about here but here’s how to initialise the plugin.

The popup box that appears can be dragged and resized. Clicking on the cross will make it disappear. The tweets are constantly being loaded in a predefined time span. This loading stops when the user hovers over the tooltip box.

If you want to configure and restyle the tooltip, you will need to have a look at the configurations of the Twitter Search Plugin. Many parameters can be set here, from style to timings.


$(function() {
	$('#article').find('.twitter_search').twitterpopup();
});

Check out the demo and download over at Codrops.

Designer and web developer, Co-founder and Technical Director at Harkable.com. Previously I worked at Spotify, MySpace and InMobi. Contact me - ashley[at]papermashup.com

Comments 2
  • pushyami
    Posted on

    pushyami pushyami

    Reply Author

    this is what i want exactly.. but i need to validate those fields.. how..?? can any one help me..


  • Beben
    Posted on

    Beben Beben

    Reply Author

    glad can be visit here…
    tympanus.net is a great for jQuery plug-in especially…
    nice to meet you my friend :)