My favorites | Sign in
Project Home Downloads Wiki Issues Source
Project Information
Members
Featured
Downloads
Wiki pages
Links

Twitter Status Loader via AJAX jQuery Based on the jQuery/AJAX, this program is written to load the status 200 of any Twitter Profile and put them in a HTML unordered list. Implementation is easy and you only need to call the function like this...

Calling Technique in Short

    <div id="my-twitter">
      <img src="http://i28.tinypic.com/555nwk.gif" style="margin-bottom: -2px; margin-right: 10px;"/> 
       Loading... Please wait!
    </div>
    <script type="text/javascript">
        recentTwitterLoader({
        'TwitName':'swashata',
        'TwitCount':100,
        'containerID':'#my-twitter'
        });
    </script>

This will make a unordered list of the specified number of status updates like this

<ul class="twitter-ul">
  <li>
	<span>@<a href="http://twitter.com/omarabid">omarabid</a> check zedge.net or mobile9.com or
	ownskin.com [for themes]! If u need nething else u can ask me :)</span> <a class="c1" href=
	"http://twitter.com/swashata/statuses/3244440953">1 day ago</a>
  </li>
  <li>
	<span>Trying to make an AJAX twitter loader widget using the Twitter API <a href=
	"http://apiwiki.twitter.com/Return-Values">http://apiwiki.twitter.com/Return-Values</a> It
	is quite cool B-)</span> <a class="c1" href=
	"http://twitter.com/swashata/statuses/3206105498">3 days ago</a>
  </li>
</ul>

You can check the Wiki for the complete guide to the available options! >> Complete Usage instruction and Complete Option List

Best Features

  • Based totally on jQuery/AJAX. Loading is faster and does not slow down the initial loading of your page.
  • You can append any loading text or Image (http://www.ajaxload.info/ or for more visit here for generating images online ) and it will stay to the loading div until every twitter status has been loaded
  • You have the options to choose any twitter profile and display upto a maximum of 200 twits.
  • By default the twitter list parent ul gets an class="twitter-ul" You can also change that while calling the function! wiki for complete preference
  • If given container Id is not found in the document, then it will be written at the position where the function is called

Demonstration and Instruction at Blog

Powered by Google Project Hosting