All Tutorials

jQuery – AJAX Loading Effect: A Simple Way to Display Content Using AJAX Request

Usually there is a delay whenever a web application interacts with the server. For an AJAX request, uploading a file or retrieving information will tend to have a silent time while the request is being process. While this is happening, it is ideal that you should provide some user feedback to indicate their action is […]
Read the rest of this entry »

Using jQuery to Create a Drop-down Menu

Creating a drop-down navigation menu using jQuery and CSS is simple. Start off with some html for a basic navigation menu. This menu only has two links, the second of which is going to have a drop-down menu. [html] <div id="menu"> <ul> <li><a href="#">Link One</a></li> <li><a href="#">Link Two</a> <ul class="dropdown-menu"> <li><a href="#">Dropdown Link</a></li> <li><a href="#">Another […]
Read the rest of this entry »

5 Cool and Useful jQuery Tricks

1. Disable Right Click The code snippet below disables right click on an entire page, but you can make it work on only particular page elements by changing the selector from document to something more specific. [javascript] $(document).ready(function(){ $(document).bind("contextmenu", function(e){ return false; }) }) [/javascript] 2. Set a Timer The following code snippet sets off an […]
Read the rest of this entry »

Improve Your Viewability Score with Fixed Ads

Display viewability is the next big thing in digital advertising -- basically, it's all about making sure that as many of your ad impressions as possible are viewable by the user. A relatively easy way to make ads more viewable (and boost your viewability score) is to give your ads fixed positioning. For example, leaderboard ads […]
Read the rest of this entry »

Dynamically Add a Class to Your HTML with jQuery

jQuery makes it super easy to dynamically add a class (0r several classes) to any HTML element(s) using only one line of code and the .addClass() method. This trick can be really useful if you want to change the styling of a particular element depending on certain conditions, which you can define using jQuery code. […]
Read the rest of this entry »

Change or Restore Your CSS Using jQuery

The jQuery .css() method is an easy way to change the CSS of any HTML element, class, or ID without actually having to edit any of your stylesheets. The syntax for the .css() method is actually quite simple and somewhat similar to how your styles would appear in your stylesheets. If you're using the .css() […]
Read the rest of this entry »