Today we will be looking at using jQuery to make a button with two states, a normal state and a hover state. But instead of making it change immediately, we will be making a nice fade in effect using, you guessed it, jQuery's fadeIn() function. First up, lets have a look at our CSS: [cc lang="cs
Read Full StoryToday we will be using jQuery to make a swoopo style countdown timer clone. Out timer will count down from a set amount, but when an element is clicked, more time will be added to the timer. Let's begin. Frist, out html: [cc lang="html"] click [/cc] We have created to a div wi
Read Full StoryToday we will be looking at using jQuery for some really easy form validation. We will be looking at the real basic here and keeping it real simple. Enjoy First, lets make a form with a text field and a submit button: [cc lang="html"] [/cc] Ok, so we have a form with a class
Read Full StoryIn this post we will be looking at jQuery's animate event. What does animate do? Elementary my dear Watson, it animates stuff! We are going to be making a div that when clicked (using jQuery's click event) moves across the screen, and when clicked again, moves back to it's original position. We will
Read Full StoryIn this post, we will be looking at some very basic javscript for people new to javascript (and jQuery). Lets get it on! First thing to learn is how and where to use javascript. Javscript can be placed pretty much anywhere on your page, although it is generally placed in the head section of your
Read Full StoryIn this tutorial we will be looking at jQuery's this selector. What's a this you ask? Lets look at an example: [cc lang="html"] Cat Rat Hat [/cc] What we have there is an unordered list with 4 list items all with the class "option". Now lets pretend that we want to apply a
Read Full StoryThe Yii framework is my personal favorite PHP framework by miles. Today we are going to be learning about using jQuery with the Yii framework. Why is this any different from using jQuery in any other way? Because Yii has some clever built in jQuery functionality that will help speed up your site by
Read Full StoryIn this tutorial we will be using jQuery to post a form with ajax. Basically, that means we will be posting data captured in a form to another page to get processed, and we will be getting the result back without reloading the page. I have kept this tutorial very simple, as loads of the jQuery ajax
Read Full StoryFollowing on from our previous post on using jquery to make an ajax load, we are now going to do something very similar, but with an ajax loading image. Loading images, or loaders, are very important as the let the user know that something is happening on the page. They are particularly important
Read Full StoryIn this tutorial, we will be using jQuery to make a drop down box that fires on a click. Lets start with some css [cc lang="css"] body{ background-color:#000; font-family:Arial, Helvetica, sans-serif; } #container{ width: 500px; margin: auto; } #top{ background-image:url(top.p
Read Full Story
Today we will be looking at using jQuery to make a button with two states, a normal state and a hover state. But instead of making it change immediately, we will be making a nice fade in effect using, you guessed it, jQuery's fadeIn() function. First up, lets have a look at our CSS: [cc lang="cs
02.9.2011 | Easy, Featured | admin
45 CommentsHello everybody. Today we are doing something different, we are asking you what tutorial you would like to see on usingjQuery.com. Let us know by requesting a tutorial on the comment form and we will see what we can do
51 Comments
Today we will be using jQuery to make a swoopo style countdown timer clone. Out timer will count down from a set amount, but when an element is clicked, more time will be added to the timer. Let's begin. Frist, out html: [cc lang="html"] click [/cc] We have created to a div wi
11.14.2010 | Featured, Medium | admin
48 Comments
Today we will be looking at using jQuery for some really easy form validation. We will be looking at the real basic here and keeping it real simple. Enjoy First, lets make a form with a text field and a submit button: [cc lang="html"] [/cc] Ok, so we have a form with a class
10.25.2010 | Easy, Featured | admin
4 Comments
In this post we will be looking at jQuery's animate event. What does animate do? Elementary my dear Watson, it animates stuff! We are going to be making a div that when clicked (using jQuery's click event) moves across the screen, and when clicked again, moves back to it's original position. We will
10.20.2010 | Featured, Medium | admin
47 Comments
In this post, we will be looking at some very basic javscript for people new to javascript (and jQuery). Lets get it on! First thing to learn is how and where to use javascript. Javscript can be placed pretty much anywhere on your page, although it is generally placed in the head section of your
10.19.2010 | Easy, Featured | admin
97 Comments
In this tutorial we will be looking at jQuery's this selector. What's a this you ask? Lets look at an example: [cc lang="html"] Cat Rat Hat [/cc] What we have there is an unordered list with 4 list items all with the class "option". Now lets pretend that we want to apply a
10.14.2010 | Easy, Featured | admin
107 Comments
In this tutorial we will be looking at jQuery's click event. Remember the old onclick() stuff used with javascript? Well that's dead, and jQuery's click is the new king. Here is a snippet: [cc lang="javascript"] $(document).ready(function(){ $('.clickable').click(function(){ alert(
113 Comments
The Yii framework is my personal favorite PHP framework by miles. Today we are going to be learning about using jQuery with the Yii framework. Why is this any different from using jQuery in any other way? Because Yii has some clever built in jQuery functionality that will help speed up your site by
10.12.2010 | Featured, Master | admin
92 Comments
In this tutorial we will be using jQuery to post a form with ajax. Basically, that means we will be posting data captured in a form to another page to get processed, and we will be getting the result back without reloading the page. I have kept this tutorial very simple, as loads of the jQuery ajax
10.12.2010 | Featured, Medium | admin
53 Comments
