Sample Tier I
JavaScript Examples
| My first JavaScript page | ||
|
Some background about variables |
How Many Seconds in a Day? | |
|
Built-In Functions |
||
|
Alerts |
Alert Seconds Per Day | |
|
Prompts |
Total Seconds in Days Inputted | |
|
Dates |
Parsing the Date and Time | |
| Obtaining information about the browser | ||
|
A Simple Time of Day Message Script |
Time of Day | |
| Routing the User Based on Their Browser Type | ||
|
Image Swapping & Rollovers |
||
|
Find Out Your Personal Color |
Color Your World | |
|
Switch to Another Image |
Make My Day! | |
|
Switch When Multiple Images are Available |
Choosing Image Swaps | |
|
A Rollover Example |
Square the Circle | |
| A Rollover That Links | Square the Circle Link | |
|
Preloading Images for Faster Performance |
Rollover YinYang | |
|
Testing for Swapability |
Is It A Swapable YinYang? | |
|
Manipulating Windows |
||
| Open Says A Me | Opening a Window in JavaScript | |
| Open onClick | onClick Opening a Window | |
| Open Resizable Only | onClick Opening a Resizable Window | |
| Open it Sized Only | onClick Opening a Sized Window | |
|
More Window Manipulation |
||
|
User Defined Functions |
||
|
Finding your screen size |
Get your screen size | |
|
Passing Inputs to Functions |
Convert Fahrenheit to Celsius | |
|
Passing and Returning Information |
Another Conversion | |
|
A More Complicated Function |
Help on Window.prompt | |
|
Forms and Event Processing |
||
| A Registration Page | Basic Form Elements | |
| Load and Unload Events | Alert( ) Messages Upon Entering and Exiting a Page | |
| Firing Events on Controls | Some Basic Form Events | |
| Reading Controls | Acquiring Inputs from Forms | |
| Convert Fahrenheit to Celsius | Using Textboxes for Both Input and Output | |
| Resetting Defaults | Writing Values to Forms from JavaScript Code | |
| A Quick Jump Menu | A Quick Jump Menu Using a Select/Drop Down Box | |
| Another Quick Jump Menu | Improving the Code for the Quick Jump Menu | |
|
Arrays and Loops |
||
|
Summing the First N Natural Numbers Using a for Loop |
Sum Using a for Loop | |
|
Summing the First N Natural Numbers Using a while Loop |
Sum Using a while Loop | |
|
Built-In Arrays Associated with Images on a Web Page |
Image Array | |
| Strobing Colors in the Background | Strobe Colors | |
| Displaying an Array with X's and 0's | Get the Picture | |
|
Working with Associative Arrays to Fill In Information |
Quick Jump to Display the URL | |
|
Timing Events |
||
| Incrementing a Value Once Every Second | ||
| Cleaning Up Some Aspects of the Duration Counter | ||
| Developing a Clock that Changes Each Second | ||
| Determining the Time Since the Semester Started and the Time Until it Ends | ||
| A Timed Slide Show | ||
| Speeding Up the Timing to Get an Animation | ||
|
Frames |
||
|
A First Frames Example |
Organizing Page | |
|
Mouse Over to Change Contents of a Frame |
MouseOver Changes | |
| Swapping Images in Different Frames | OnClick Swaps | |
| Swapping Images in a Table | More OnClick Swaps | |
| MouseOvers to Do Image Swaps | MouseOver Swaps | |
|
Basics on Image Maps |
||
| Image Map Basics | Monty Python Image Map | |
| Image Based Menu | A Menu System Based on Image Maps | |
|
Input Validation and Strings |
||
| Validating the Presence of Required Inputs | Validate Registration Form | |
| E-Mail Address Validation | Validate E-Mail | |
| Validation of Social Security Numbers | Validate Social Security Numbers | |
| Search for a String and Replace it With Something | Search and Replace | |
|
Cookies |
||
| Setting Date and Time in a Cookie | Setting and Reading Cookies | |
| Setting a Name and Expiration | Expiration and Access of Cookies | |