Quantcast
Channel: jQuery By Example
Browsing all 248 articles
Browse latest View live
↧

Image may be NSFW.
Clik here to view.

jQuery to create Window 8 style notification

Since of launch of Windows 8, Windows 8 notification has been very popular due to its style, simplicity and various colors. And now you can also bring the same notification style in your webpage. In...

View Article


Image may be NSFW.
Clik here to view.

Detect iPhone Version using jQuery

In this post, find jQuery/JavaScript code to detect iPhone version. There is no direct way to find out version and in fact the User agent string also doesn't have any information about iPhone version....

View Article


Image may be NSFW.
Clik here to view.

Speedo Popup - Effective and Powerful jQuery Modal Plugin

jQuery modal/ popup is great way to show alert, notice, information, errors, modal popups, modal windows or dialog. And there are many plugins available which are suitable enough for this job. And here...

View Article

Image may be NSFW.
Clik here to view.

OOPS!!!! jQuery Selectors NOT working...

OOPS!!!! jQuery Selectors NOT working.. A very common jQuery problem/issue that you must have face or may face. And there could be tons of reason of selectors not working properly like incorrect...

View Article

Image may be NSFW.
Clik here to view.

jQuery Validation With ASP.NET Web Forms

Find out jQuery code to perform validation for ASP.NET Web forms. The code includes validations for email address, phone number, date, date format, ASP.NET Drop Down, ASP.NET Textbox, ASP.NET Textbox...

View Article


Image may be NSFW.
Clik here to view.

jQuery to get Browser Size (Width & Height)

jQuery plugin named "sizeyThingy" can help you to get the Browser size (width and height). The good thing about this plugin is that is works with responsive design as well. Related Post:Detect Mobile...

View Article

Image may be NSFW.
Clik here to view.

Hide/ Disable Dates in jQuery UI Datepicker

In this post, find jQuery code to hide or disable specific dates in jQuery UI Datepicker. This is small but useful features. Consider a scenario, where hide all the dates for public holidays or...

View Article

Image may be NSFW.
Clik here to view.

Cool jQuery Plugins of March 2013

Today we bring a list of latest jQuery plugins released in March 2013. These jQuery plugins are really interesting and have functionality like lightbox, flexible layout, making dropdown pretty,...

View Article


Image may be NSFW.
Clik here to view.

jQuery: Get row and column index of a GridView Cell

In this post, Find jQuery code to get Row Index and Column Index of ASP.NET GridView Cell on click or on mouseover event.Related Post:How to access particular cell in gridview using jQueryGet ASP.NET...

View Article


Image may be NSFW.
Clik here to view.

jQuery: Difference between eq() and get()

In this post, find out what is the difference between jQuery  eq()and  get()method. Both the methods are used to find and select single element from set of elements and they both return single...

View Article

Image may be NSFW.
Clik here to view.

jQuery to highlight when empty or no data

Yesterday for one of my requirement, I need to highlight all the <td> element of the table, if they are empty or contains no data. To implement this, define a CSS class called...

View Article

Image may be NSFW.
Clik here to view.

Difference between $('div') and $('') in jQuery

One of my colleague who is learning jQuery asked me what is the difference between $('div') and $('<div/>') , if used as selector. To explain more, take a look at below...

View Article

Image may be NSFW.
Clik here to view.

jQuery to limit number of checkboxes checked by User

Many time we need to limit the selection of checkboxes users can select or in other words users are not allowed to select more than a number of checkbox to give their choice. For example, out of all...

View Article


Image may be NSFW.
Clik here to view.

Delay jQuery animation by few seconds

I got into a situation where I needed to start the animation after 2 seconds once the mouse is on the image. In other words, need to delay the animation for 2 seconds on mouseover event. So in this...

View Article

Image may be NSFW.
Clik here to view.

Disable odd checkbox of Checkbox list using jQuery

In this post, find jQuery code to disable all the odd checkboxes in Checkbox list. When I say "odd" means checkebox placed at odd index. This can be done easily via ":odd " selector. But there is an...

View Article


Image may be NSFW.
Clik here to view.

Restrict Date Range in jQuery UI DatePicker for two dates

In this post, you will learn how to implement validation to "Restrict Date Range in jQuery UI DatePicker" or "End Date should be greater than Start Date by few days using jQuery Date Picker". When I...

View Article

Image may be NSFW.
Clik here to view.

jQuery to display/load images received from JSON file

Today, I needed to display images received from a JSON file. The JSON file has only the path of the images. So in this post, find jQuery code to display or load images received from JSON file.Related...

View Article


Image may be NSFW.
Clik here to view.

7 jQuery WebSite Tour Plugins

In this post, find a complied list of 7 Awesome, stylish, easy and eye catching jQuery plugins to create Website Tour, interactive help, guide or providing instructions. These plugins can be used to...

View Article

Image may be NSFW.
Clik here to view.

Fetch Picasa or Google Plus photos using jQuery

In this post, I am going to share a jQuery plugin called "Pimax" which allows you to fetch photos from Google+ or Picasa account. Pimax displays a photo gallery from your Picasa/G+ albums. The Public...

View Article

Image may be NSFW.
Clik here to view.

Calculate difference/sum of label values using jQuery

In this post, find jQuery code to calculate difference in label/span values. To fetch the label/span value don't use .val() or .text() method, Instead use .html() method.Related Post:Highlight label...

View Article
Browsing all 248 articles
Browse latest View live