|
The
Power Of Javascript
As the
purpose of this tutorial is explain to you everything about JavaScript
and the importance of it for the web developers all over the world I
will first explain what is indeed JavaScript.
|
|
Professional
Javascript Part 6 - Processing the Order
The user
has hit submit in the order summary page (CheckoutConfirm.asp) and its
action has brought us here, to ProcessOrder.asp, where we will extract
the information and process the order. The order items, customer name
and address and credit card information will be written to the database
using the stored procedures we are about to create.
|
|
Professional
Javascript Part 5 - Check 'em Out - The Online Ordering System
The
online ordering system's information gathering takes place over three
pages with a fourth page at the end displaying a final summary of the
order which the user can accept or go back and alter if they are not
happy. At some point in the checkout process, prior to any credit card
details being transmitted to the server, we would normally switch to a
secure connection using Secure Sockets Layer (SSL) which encrypts all
data before it's sent to the web server.
|
|
Professional
Javascript Part 4 - The MusicMad Shopping basket
The
MusicMad shopping basket relies exclusively on cookies, in particular
the basket cookie which we set. Given we have server-side programming
available to us you may wonder why we still use cookies stored on the
client machine for storing our basket's contents instead of say, session
variables or the database.
|
|
Professional
Javascript Part 3 - The Homepage
The
homepage is the first page displayed in the main frame when the user
browses to the web site.
|
|
Professional
Javascript Part 2 - Building the Basic Website
We have
completed the foundations of our database. We will create the stored
procedures as we need them. Our next task is to create the HTML and
scripting for the MusicMad web site.
|
|
Professional
Javascript Part 1 - Building an E-Commerce Shop Front
In this
chapter we will be building an electronic store front and online
ordering system for an imaginary company called MusicMadOnline.com. It
will include many of the essential elements required for an online store
such as the ability to browse stock, a shopping basket and an online
ordering system.
|
|
Beginning
Javascript Part 5 - The Select Elements
Although
they look quite different, the drop-down list and the list boxes are
actually both elements created with the <SELECT> tag, and strictly
speaking they are both select elements. The select element has one or
more options in a list that you can select from; each of these options
is defined using the <OPTION> tag. Your list of <OPTION>
tags goes in between the <SELECT> and </SELECT> tags.
|
|
Beginning
Javascript Part 4 - Textarea Element
The text
area element allows multi-line input of text. Other than this, it acts
very much like the text box element.
|
|
Beginning
Javascript Part 3 - Text Elements
The
standard text element allows users to enter a single line of text. This
information can then be used in JavaScript code, or be submitted to a
server for server-side processing.
|
|
Beginning
Javascript Part 2 - HTML Elements in Forms
There
are about ten elements commonly found within <FORM> elements. The
most useful are shown below, ordered into general types. We give each
its name and, in parentheses, the HTML needed to create it, though note
this is not the full HTML but only a portion.
|
|
Beginning
Javascript Part 1 - HTML
Web
pages would be very boring if we could not interact with the user, or
obtain information from them, such as text, numbers, or dates. Luckily,
with JavaScript we can. We can use this information within the web page,
or it can be posted to the web server where we can manipulate it and
store it in a database if we so wish.
|
|
The
Famous Javascript Back Page Routine
Navigation
is a key element on your website, but what do you do when you want to
give the user the option of going back to the previous page? In comes
Javascript!
|