Category Archives: Jquery & Javascript

jQuery UI 1.9.0

200x200




The jQuery UI team has been pretty busy for the past two and a half years. With more than 500 bug fixes spread over two dozen releases, they’ve been working hard to make jQuery UI as stable and flexible as possible. jQuery UI 1.9.0 is now available with hundreds of bug fixes, a bigger and better test suite, and improved APIs. Team has updated API of some of the widgets and also introduced some new widget. You can find the […]

Drop Down MegaMenu

large_preview




Mega drop-down menus are not actually new, but more and more we see them on popular websites and blogs. With the ever increasing quantity of content on the web we have to figure out solutions to display content and navigation but still keep everything usable and provide a good user experience. It’s no wonder mega drop-downs are now used more often. Today we’ll take a look at creating a simple HTML site with a horizontal navigation bar where a menu […]

Free and Useful jQuery Plugins for Developers

114-jquery-plugin




Today, we have collected amazing Free and Useful jQuery Plugins/Tutorials for Developers that you can download for free and use for your next projects. These tutorials covers features like Facebook like registration, Sign in with Google, implementing Site search with Google and others. So browser through these amazing tutorials and give them a try. 1. Facebook like Registration using jQuery 2. Sign in with Google 3. Google Powered Site Search with jQuery 4. Create a Beautiful Password Strength Meter 5. Create […]

Show Password Strength using jQuery

images




These days having a strong password is must have requirement. You can make your own algorithm to define what a strong password means to you. But it is nice to give a visual indication to the user about entered password strength. Here is a list of top 5 jQuery plugin that show password strength to the users and encourage them to use a strong password. Complexify Complexify is a jQuery password strength meter plugin. Complexify calculates a rating for the […]

Validate HTML Checkbox And Radio using jQuery

checkbox-checked




CheckBox HTML checkbox list is slightly different. The main problem is that it can’t be accessed using ID because every checkbox will have different ID. But they share one common attribute which is “name“. So while accessing checkboxes in jQuery, need to use “name” attribute. Let’s declare a HTML checkboxlist. <input type="checkbox" name="technologies" value="jQuery" /> jQuery <br/> <input type="checkbox" name="technologies" value="JavaScript" />JavaScript <br/> <input type="checkbox" name="technologies" value="Prototype" /> Prototype<br/> <input type="checkbox" name="technologies" value="Dojo" /> Dojo<br/> <input type="checkbox" name="technologies" value="Mootools" /> […]

Chaining in jQuery

jquery_chaining




You may have come across a term “Chaining” in jQuery. But do you know what is Chaining in jQuery? There is no specific definition available for this term in jQuery but it is also not different from the general meaning of Chain. In general term Chain is, “A connected flexible series of metal links used for fastening or securing objects and pulling or supporting loads.” Below images dictates what is chaining. Isn’t it? Okay..As far as jQuery is concerned then […]

Jquery Socialist Plugin

socialist




Life can be easy. With the brand-new jQuery plugin Socialist you’re able to aggregate a plethora of streams stemming from different social networks into one, modern and elegant grid-based layout. If you haven’t been living under a stone lately, you’ll have a strong deja vu looking at Socialist’s default output. Yes, you’re right. It does look like Pinterest. If you’re not into Pinterest though, you can have Socialist display the various streams in plain old-school list view. Socialist: Just Add […]

Identify or Find Jquery Version

icon_jquery




It may be useful to identify the version of jQuery library being used on a page. It is sometimes required to check the currently using jQuery version so that if needed then you can write version specific code. In this short post, you will find that there are some ways by which you can find the jQuery version. For example, I am using jQuery 1.7.2 version <script type="text/javascript"src="Script/jquery-1.7.2.js"></script> Method 1: $(document).ready(function() { alert($().jquery); }); It will display 1.7.2 in alert. […]

jQuery Mistakes you can fix

jquery




jQuery is so easy to use that sometimes we just forget that it’s not CSS. While using CSS, we don’t have to give much thought to performance, because it’s so fast that it’s not worth the effort to optimize it. But when it comes to the real world, jQuery can drive developers crazy with performance issues. Sometimes you lose precious milliseconds without even noticing it. Also, it’s so easy to forget about some functions and we keep using the old […]

Lightbox for Product Listings

oscommerce2




Add a JQuery Lightbox to the OSCommerce OSC to CSSv2 product listings. Products listing: Demo New Products listing: Demo Add a extra field the products table in the database. ALTER TABLE `products` ADD `products_image_large` VARCHAR( 64 ) CHARACTER SET utf8 COLLATE utf8_general_ci NULL DEFAULT NULL AFTER `products_image_list` Make two sets of all your product images. One set should be about 100px by 100px, and another set about 300px by 300px. You probably already have a set of small images in […]