Twitter API + jQuery JSONP

Here i will show you how easily fetch non authenticated Twitter API methods using ajax json callback functions with jQuery framework, I use user_timeline method as an example but you can use this sampel to fire other twitter api method as long as its needless authorization.

The TwitterAPI Class

TwitterAPI = {
	Statuses: {
		user_timeline:function(screen_name, count, callback){
			jQuery.getJSON("http://twitter.com/statuses/user_timeline/" + screen_name + ".json?count="+count+"&b="+Math.random()+"&callback=?", 
			callback);
		}
	}
};

Read the rest →

jQuery Mobile Announced : Touch-Optimized Web Framework for Smartphones & Tablets

Really interesting post from Dion at Ajaxian i read today explain about the new jQuery mobile project as announced by Jhon resig himself the founding father of jQuery. The jQuery Mobile project is supported by Palm with their webOS platform, Mozilla with Mobile Firefox and Filament group the creator of EnhanceJS

jQuery Mobile: Touch-Optimized Web Framework for Smartphones & Tablets. A unified user interface system across all popular mobile device platforms, built on the rock-solid jQuery and jQuery UI foundation. Its lightweight code is built with progressive enhancement, and has a flexible, easily themeable design.

Great move and cant hardly wait to test it when it become available

JQuery DataGrid Plugin Compass

Compass DataGrid is yet another DataGrid plugin for jQuery with ajax-driven data support, it takes empty table and manipulate it based on JSON encoded data returned by the server side code.

JQuery Compass DataGrid has support for pagination and show/hide column also has many presentation options like: row hover styling, sorting, stripping, resizable, parameter filter etc.

Download & Demo could be found here

jQuery validation engine, jquery inline form validation

jQuery validation engine, yet another nice form validation plugin for jquery javascript framework, comes with language localization supported and many predefined validation rules:

• optional: Special: Only validate when the field is not empty
• required: Field is required
• length[0,100] : Between x and x characters allowed
• minCheckbox[7] : Set the maximum checkbox autorized for a group
• confirm[fieldID] : Match the other field (ie:confirm password)
• telephone : Match telephone regEx rule.
• email : Match email regEx rule.
• onlyNumber : Numbers only
• noSpecialCaracters : No special characters allowed
• onlyLetter : Letters only
• date : Invalid date, must be in YYYY-MM-DD format

but you also could define a custom validation rule i.e:

"telephone":{
"regex":"/^[0-9-()]+$/",
"alertText":"* Invalid phone number"},

Has been tested in Internet Exploder 6 & 7, Firefox 3+, Safari 4, Chrome 1+

Download and Demos

Gmail/Facebook Style jQuery Chat

jQuery chat module enables you to seamlessly integrate Gmail/Facebook style chat into your existing website.
Read the rest →