Tag Archives: Jquery

Chaining in jQuery




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




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




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 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




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 […]

Validate HTML CheckboxList using jQuery




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" /> Mootools […]

Add Hyperlink to images using jQuery




To Add Hyperlink to the image, we normally use <a> tag that contains image tag to show the image. But assume there are 100 images and you need to add hyperlink to every image. Putting 100 <a> tag with each image is time consuming and painful. But jQuery can make your task painless. So in this post, I will show to how to add HyperLink to images using jQuery. jQuery provides a method named “wrap()“, which can be used to […]

jQuery 360 Degrees Image Display




If you want to display 360 degree images or panorama images for your products on your website then here are top 5 jQuery 360 degree image display sources or pluginswhich are easy to integrate and useful. j360 j360 is a jQuery plugin designed to display 360 view of product using a set of images. Compatibility with iPhone, iPod, iPad, Google Android devices. Mouse view on PC. Tap view on touch screen mobile devices. Ajax Zoom AJAX-ZOOM is a powerful image […]

Compress JSON data




JSON is good data format to grab some server side data through an AJAX call. For example by using jQuery.ajax method. In PHP, to provide data in JSON format in super simple. However, when the data is large, do you know any ways to compress the data to facilitate for fast transmission. JSON – JavaScript Object Notation Here is a simple tutorial to introduce how to use format data in JSON format in PHP. First, you need to set the […]

HTML and Jquery




jQuery and HTML. Yes, in today post, I will show you some of the jQuery methods that you can use to change the HTML of the DOM elements. These methods are useful and easy to understand. To change HTML Content The html() method changes the contents (innerHTML) of matching HTML elements. $("div").html("jQuery By Example Rocks!!!"); To get HTML Content The html() method can also be used to get the contents (innerHTML) of matching HTML elements. var dvHTML = $("div").html(); Adding […]