Tag: jQuery

3

3D Carousel jQuery

One of the widely used and personally, i too recommend this one. the Cloud Carousel. Thought of attaching a sample here. Try it out. Its pretty simple and effective. The main site: Professor Cloud You can download the source code here: 3d Carousel [Please rename the .pdf to .zip... WordPress complications.. :P] Advertisements

W

When Microsoft or Google CDN fails, what should u do?

// Let me tell you one thing, an outage in CDN is very rare. But just in case you don't want to take a risk, go ahead with this fallback mechanism, as suggested by Scott Guru. Microsoft CDN outage for jQuery: <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js"></script> <script type="text/javascript"> if (typeof jQuery == 'undefined') { document.write(unescape("%3Cscript src='/Scripts/jquery-1.4.2.min.js' type='text/javascript'%3E%3C/script%3E")); ...

j

jQuery noConflict Tips

Some tips which i feel you need to know before using jQuery library: 1. You can use jQuery instead of $. 2. Predefined alias for jQuery: you can assign jQuery to any variable. With this you can load any versions of jQuery into your site. <!-- load jQuery 1.1.3 --> <script type="text/javascript" src="http://code.jquery.com/jquery-1.1.3.js"></script> <script type="text/javascript" ...

j

jQuery Integration with BlogEngine.Net

Let me make it simple and easy to understand: Step 1 : Load the jquery script file, as below: <script src="/js.axd?path=script/jquery-1.3.2.min.js" type="text/javascript"></script> Step 2 : Copy the jquery script to a folder named script inside the theme folder. Step 3 : Register jquery it the site head, as below: <script type="text/javascript"> $j = jQuery.noConflict(); $j(document).ready(function() ...

A

Applying multiple css selectors to the same element

There can be scenarios wherein, you have a selector defining the width style like (w05,w30,w500 etc) and there is another set of selector that gives a border style like (b01, b02 etc...). You want to apply a full 2px border to an element and give it a width of 500px. In this case you can ...

j

jQuery to check the row count of a table

To get the row count of the table, in jQuery, all you need to do is use any of the following approaches: $("#mytable tr").length $("#mytable tr").size() //But the size method calls the length property internally One thing to be noted here is that the indexing is 1-based and not 0-based. For ex.: <html> <head> <script ...

L

Learn jQuery: A simple ‘Hello World’ jQuery Code

jQuery - A powerful javascript library capable of doing all your complex javascript actions and functionality in a line or two. How cool is that. Pre-requisites : Notepad, jquery.js file(You can get it here),  some coding background and an open mind Let's Start with a simple Hello World: Open your notepad, create a html file ...

Advertisements
Advertisements