Web Programming

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.

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

(I guess I didn't bookmark this properly the first time). I did this very basic form for school website that I may be redoing (its in the very early stages). However, the graphic I created is not showing up on firefox, only on Safari. I've tried everything that I know and still nothing shows up. The form, however, works.

Close, but I can get away with the email ASDF, which seems an unlikely email address.

Oh, and on the image--Firefox doesn't think it is a proper PNG. What program did you use to create the image?

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

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

This is web prog 5d. It's the email and name validate one. It's about how QU students should have a choice between owning a Mac or a PC instead of just blindly choosing what the school tells you to get.

Let's me do a blank name...

This is web prog 5-g. It is about PHP basics. At first PHP can be confusing, but once you know what it is trying to do it isn't all that bad. It's just a getting the coding correct.

How do you close a PHP segment?

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/

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

Yet another version of this challenge...

Here is a form page that requires a valid email and name for submission. There are three input fields: name, age and email. However, the name and email fields are required while the age field is optional.

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.

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.

This page shows comments left by visitors!

Guests can now leave their name and a comment.

FINALLY! Sign the guestbook on my quiz from module 3.

View my guestbook. The page validates. Newest entries appear on top. YAY!

Pick A Card... Any card at this point.

This is a link to a working comments page (linked to a database table) which requires a valid name and email address before submission using Javascript. An error message appears & fades at the bottom of the form if something is omitted. I also made the same thing happen using PHP, so there are also messages at the top of the page from that code. I got the Javascript from http://www.leigeber.com/2008/04/dynamic-inline-javascript-form-validation/, and included this citation in my js page. Upon submission, a thank you message appears at the top of the form.

Nice!