JavaScript Tutorial

This code will allow you to add a 5 seconds countdown to the download page of your site. Depending on how you code your download page, the following will simply add a label within your body tag as: "Download will start in 5 seconds" Controlled by JavaScript using the span tag. This is similar to the site at sourceforge.net. When you download something on that site, you will be redirected to another page and give you a countdown before you receive the file. Here's the full code for you to play with.

Having a login page made in HTML alone is not enough without form validation. Validating form makes your visitor life easier by knowing which of the element are lacking some information.

There are so many advantage of validating a form.

Introduction:

This part is the second and final part of my notification box tutorial in which we will be styling the HTML we create in part 1, and adding Javascript functionality to the close box.

CSS:

First we want to set our CSS area in our HTML file...

Introduction:

This tutorial is going to be explaining the Javascript/jQuery events for mouse enter and leave.

jQuery Events?

jQuery or Javascript events are triggered when the appropriate event trigger occurs. The trigger is easily determined by simply looking at the event name, for example; this tutorial is on the 'mouse enter' and 'mouse leave' events, which are therefore triggered when the user moves their mouse in to, and out of, the given event area.

HTML:

Before we can start our jQuery we need some basic HTML.

Introduction:

Welcome to the third and final part of Parallax Scrolling tutorial in HTML, CSS, and jQuery. This part is going to cover the jQuery part of the script, which handles the actual moving of the parallax effect.

Including jQuery:

Before we can begin writing a bit of jQuery, we must first include it in our HTML file.

Introduction:

This is the final part of my mini-series explaining how to create interactive tracker boxes in HTML, CSS, and jQuery to allow HTML content to change once the user interacts with the boxes. This part is will explain the final step, jQuery.

jQuery Installation:

To begin using jQuery within our file, we first need to link it.

Introduction: This tutorial is on how to read and write to/from HTML elements via jQuery. HTML: Before we can read/write to our HTML via jQuery, we first need our HTML...

Introduction: This tutorial is on how to set the configuration of CSS classes for HTML elements via jQuery. CSS Classes: CSS Classes are used to give styling for display elements held within the HTML structure of a .html/.php file.

Introduction: This tutorial is on how to create jQuery/Javascript listeners. jQuery: Please ensure that you have included the jQuery libaries within your HTML file.

Introduction: This tutorial is on how to use inline listeners through jQuery/Javascript in HTML elements. Inline? Inline simply means that the code is written inline with the element that it is linked to, as opposed to elsewhere within the same file, or even an external file like most .css (Cascade Styling Sheets) are. Listeners: There are many different listeners which can be used to interact with the users actions, a couple I will show you how to use are; onmouseover onclick As I am sure you can depict from the above two examples, onmouse