Browsers, Windows, & Frames
Lesson 1: Moving Windows
Learn how to make your windows dance by moving them dynamically with JavaScript.
Lesson 2: Dynamically Sizing Windows
Make your windows grow and shrink in real time.
Lesson 3: Detecting Scrolling
How to tell if the page is being scrolled, and how to detect how far down it has been scrolled with pixel percision. Covers the use of setInterval() and repeated functions.
Lesson 4: Making A Persistent Window
Learn how to make a window that cannot be resized, put in the background, or moved. Also learn how to open a window in the background. Annoying marketing tricks from the porn lords.
Date & Time
Lesson 5: Using Date()
How to make a Date() object and get and display the current day, date, month, and year.
Lesson 6: Using Time
How to get the current hours, minutes, and seconds from the viewer's machine and display them on a page.
Lesson 7: Comparing Dates & Time
How to compare dates using a "Days Before Christmas" example.
Lesson 8: More On Comparing Times
How to contiue a comparison to include hours, minutes, and seconds. Good introduction to using the "modulus".
Arrays
Lesson 9: Making JavaScript Arrays
How to make and use a simple array of objects.
Lesson 10: The FOR Loop
How to make a FOR loop to cycle through and automatically preform processes on your array objects. Big timesaver.
Lesson 11: Advanced Slideshow
How to make a custom, non-FOR, loop using an IF statement. A leaner, meaner slideshow is used as an example.
Lesson 12: Clearing A "setInterval()"
How to stop a function running under a "setInterval()" by using "clearInterval()". Not really about arrays, but a useful addition to our previous slideshow.
Lesson 13: Displaying Random Quotes
How to use "Math.random()" to generate a random number, and how to use this number to make a selection from an array.
Lesson 14: Using Multiple Arrays
How to make and use multiple arrays in one program. Good overview of designing array-based JavaScripts.
Using Form Data
Lesson 15: Using Form Text
How to access and use the text typed into form textboxes and textareas.
Lesson 16: Making A Dynamic Clock
How to use a textbox to make a clock that counts off dynamically.
Lesson 17: Parsing Text
How "inspect" strings typed into forms and break them up into substrings and search for specific characters. Also includes important first lessons on using sub-routines and "return".
Lesson 18: Special Form Events & Methods
Learn about JavaScript events and methods used primarily with forms. You can focus a particular box or tell when someone has typed in something before a submit buttons is clicked.
Lesson 19: Radio Buttons
How to find out which radio buttons is checked and how to access its VALUE.
Lesson 20: Check Boxes
How to use JavaScript to find the values of clicked check boxes. How to use string appending to store multiple values.
Lesson 21: onClick Value Assignments
How to use the "onClick" event with radio buttons and checkboxes as an alternative to looping.
Lesson 22: Using Select Boxes
Learn how to make drop down menus using select boxes and JavaScript.
Lesson 23: Select Box Text
How to use JavaScript to read and write the text beside <option> tags. This is the text visible in the select box. The first step to writing dynamic menus.
Lesson 24: Making Dynamic Select Boxes
Well, you can assign an <option>'s text tag and value. Lets let JavaScript write the whole drop down menu allowing us to put several menus in one box.
Lesson 25: Custom JavaScript Form Effects
How to use your own graphical buttons to perform any submitting, resetting, or custom task.
JavaScript Form Exam
Test your knowledge of using JavaScript with HTML forms.
JavaScript Cookies
Lesson 26 - Simple Cookies
How to write and read a simple JavaScript cookie. Covers the "escape()" and "unescape()" methods.
Lesson 27 - Passing Form Data To Another Page With Cookies
How to write form data to a cookie and read it on another page.
Lesson 28 - Parsing Cookie Data
How to write a cookie string with several variables and extract the individual variables from the cookie string on another page.
Lesson 29 - Setting Cookie Expiration Date
How to make your cookies last beyond the viewer's current browser session. Make them last days or years.
Lesson 30 - Other Cookie Attributes/Commands
How to use cookie commands to let other sites in your domain read your cookies. How to secure your cookies.
Lesson 31 - Cookie Detection & Cookie Killing
How to detect if your cookie is on the viewer's machine and what to do if it isn't. Also includes how to automatically delete a cookie from the viewer's cache by setting the expiration date to a time in the past.
Lesson 32 - Appending Cookie Data
By default, new cookie data overwrites old cookie data. This tutorial will show you how to add new data to an old cookie while keeping the old data intact.
Lesson 33 - Setting & Reading Multiple Cookies
How to set, read, and kill multiple cookies. The advantages of using multiple cookies over big appended ones.
Lesson 34 - Parsing Multiple Cookie Data
How to get the appropriate data strings from a multiple cookie string by using known cookie names.
Lesson 35 - A Simple Shopping Cart
How to set multiple cookies with multiple data from multiple pages - and sort them out and read them.
Lesson 36 - Adding A Shopping Cart "Remove" Function
The next step in a commercial cart is to let the veiwer remove things from the shopping cart page. This tutorial reviews making a basic cart and details creating a "remove" function.
Lesson 37 - Using "Pointer" Data
So far we've only been using the name of an item in our shopping cart code. In practice, prices, amounts, and other data would generally be included. Here's an easy way to point to unlimited data with only one number on a cookie.
Lesson 38 - Adding A "Total" To Your Shopping Cart
A simple, flexible method for adding a "grand total" feature to your shopping cart page. Tips on making a grand total cookie for use by all pages.
Advanced Array Methods
Don't let the title fool you. These are easy to learn ways to manipulate arrays by using native JavaScript methods.
Lesson 39 - Using push() and pop()
These two array methods add and remove items from the bottom of your arrays. They automatically update the arrays indexing (element numbers) and array.length.
Lesson 40 - Using unshift() and shift()
These array methods add and remove items from the top of an array. They also automatically update the array indexing and array length value.
Lesson 41 - Using Splice( ) To Remove Any Element In An Array
An introduction to the powerful splice( ) method. We begin by using splice( ) to remove any element of an array and any number of sequential elements.
Lesson 42 - Using Splice() To Add Elements To An Array
How to insert one or more elements in any position of an array.
|