Web Programming

This page has two items, sport and team. When you choose a sport a list of team names appears.

This is an update of what I posted last week as I finally got the email verification to work using a different script. I used countless websites trying to do this, but my script came mostly from this forum: http://forum.hostican.com/javascript/javaapplets-f19/email-validation-t1683/

Something unobtrusive... Button toggles between three div's. If Javascript disabled, all three display.

Shopping List with hovering and asterisk'ed list items using Javascript. Just a very simple first attempt at Javascript.

I hoped tabs were unobtrusive... I went back and redid a page from Module 1, putting all my travel abroad trips in one tabbed content box. The first sequence of code I tried nearly ruined my life, but Dr. Halavais was kind enough to send me a link that didn't make me want to end my life.

Small issue: when fonts are user-changed, it can bounce the last tab to a second line. But good enough to meet the requirements for the assignment, and good for you for trying something especially challenging.

This is a really helpful site that explains what Javascript is and offers examples.

I did this page for my personal web site. If you have seen the first, rough draft so to say of my sight, you will notice I have taken out the links as I am working on the site. But the links to the past projects work fine. If you click on the plus sign, you will see a description of the project, and if you click on the minus sign, the description will hide. I liked this idea because with all the descriptions on the page, the page looked too text heavy. This method allows the user to pick and choose which site they want to know more about, while not being overwhelmed or distracted by other text.

A form that includes fields for name and email, and a dropdown select menu. Name (at least 1 character) and a properly formatted email with @ and . are required. The form doesn't actually send any information (since that wasn't required), but after you fill it out, it brings you to a thank you page.

For challenge 5-d: A form with an e-mail validator. If you need help or a lead, I got my JavaScript code from http://www.javascript-coder.com.

I asked 2 questions related to Javascript.

At the 17:23 mark in the first video of the JavaScript module, I asked if Professor Halavais could clarify some text on the screen. However, the text may have been blurred out deliberately since the surrounding text is fuzzy but not as bad. Just don't want to miss any important steps!

Its interesting that javascript is fading off the design of html pages, yet it is becoming a key tool for flash programming...maybe javascript was just misplaced in the early development of the web.

I was bel to find this really helpful site that provides detailed help on different web programming languages, code snipits, and tutorials. Of all the sites out there, I think this one has been the most helpful - easy to use and easy to understand. I wish I had found this sooner! Languages: ASP, PHP, Javascript, HTML, SQL

After some trials and tribulations I was able to get the form validation script to work with my recipe comments page. This page verifys that the user has entered their full name - no names less than 5 characters or greater than 25 characters, and that the email address is properly formatted. Not only does it let the user know that there are errors, but it also highlights the fields in yellow where the errors exist.

Another tutorial by w3schools. They do a great job explaining everything about JavaScript, from basics to the nitty-gritty.

Guests can now leave their name and a comment.

I used my style sheet from a previous quiz to create a from that required a first name and a valid email address. The validation code came from w3schools, while the required field stuffs came from http://javascript.internet.com/. Because the code came from different sources they required a little tweaking, and I felt the need to add my own unique voice to the pop-up warnings.

Here I have created unobtrusive Javascript thanks to the tutorials on JQuery. I took three pictures of my dogs and added comments to them that you can hide or show. There were four seperate files created for this clean unobtrusive script including, one for JQuery (leo21.nfshost.com/JQhtml.js) one for css, one for the downloaded JQuery and one html file.

Here is a simple form to validate an email address with a pop-up that says whether or not the email is valid, and if it is not, the reason why.

Validate email format, check name and comment fields for blanks

Recipe page with Javascript to validate email format, and check name and comment fields for blanks.

Here is my variation on the Baseball Cards challenge. There are 3 different images to choose from, and the info displayed after submission (as well as the drop down itself) is generated from a database table. If you'd like to learn more about my friends & family, take a peek!