PHP, CGI Scripting, JavaScript and Rollover Effects for Dynamic Web Pages

PHP: Hypertext Preprocessor is a widely used, general-purpose scripting language that was originally designed for web development to produce dynamic web pages. For this purpose, PHP code is embedded into the HTML source document and interpreted by a web server with a PHP processor module, which generates the web page document. As a general-purpose programming language, PHP code is processed by an interpreter application in command-line mode performing desired operating system operations and producing program output on its standard output channel. It may also function as a graphical application. PHP is available as a processor for most modern web servers and as standalone interpreter on most operating systems and computing platforms.

Paul Lukasiewicz website that he uses for his church job.

  1. http://stcath.mine.nu
  2. http://homepage.mac.com/mac_cast/time/project/

Here's the wedding submission form

You'll see in the code that the php file is:

  1. http://www.northpoconocatholic.com/music/forms/weddingformprocess.php

If you try to view the php file, it will submit a blank form, so I'll copy the file as a text file for viewing in the class.

Books:

  1. Teach Yourself PHP in 24 Hours by Matt Zandstra by Sams, Indianapolis, 2003. 549 pages.
  2. PHP Unleasehd by John Coggeshall publish by Sams, Indianapolis, Indiana, 2005. 819 pp.

CGI Scipting

The Common Gateway Interface (CGI) is a standard (see RFC 3875: CGI Version 1.1) that defines how webserver software can delegate the generation of webpages to a text-based application. Such applications are known as CGI scripts; they can be written in any programming language, although scripting languages are often used.

CGI also defines how the application should pass back extra information about the output (such as the MIME type and other response headers).

View the following CGI Scripting file at http://www.kuzmich.com/family_questionnaire2.html with two required lines of coding to send the completed form back to my e-mail address.

<form method="POST" action="http://www.kuzmich.com/cgi-bin/mailto">
<div align="center">
<INPUT TYPE="HIDDEN" NAME="RECIPIENT" VALUE="jkuzmich@earthlink.net">
<INPUT TYPE="HIDDEN" NAME="THANKURL" VALUE="http://www.kuzmich.com/thankyou2.html">

<strong><font color="#FF0080" size="6">On-Line Family History Questionaire:</font><font color="#FF0080" size="6">
</font></strong><strong align="center"><font color="#FF0080" size="6">Are
We Related?</font></strong> </div>

Be sure your Internet provider can run CGI Scripting. Usually a phone to them and they can configure your account to run CGI scripting.

Books:

  1. Teach Yourself CGI in 24 Hours by Rafe Colburn by Sams, Indianapolis, Indiana, 2003. 520 pages.

JavaScript Examples

JavaScript is primarily used in the form of client-side JavaScript, implemented as part of a web browser in order to provide enhanced user interfaces and dynamic websites. However, its use in applications outside web pages is also significant.

http://homepage.mac.com/mac_cast/notestest/
Password: sonata



http://homepage.mac.com/mac_cast/violintest/
Password: bow



http://homepage.mac.com/mac_cast/vocab-tests/
Password: pssa

Roll-Over Buttons

Rollover refers to a button created by a web developer or web designer, found within a web page, used to provide interactivity between the user and the page itself. The term rollover in this regard originates from the visual process of "rolling the mouse cursor over the button" causing the button to react (usually visually, by replacing the button's source image with another image), and sometimes resulting in a change in the web page itself. The part of the term 'roll' is probably referring to older mice which had a mechanical assembly consisting of a hard rubber ball housed in the base of the mouse (which rolls) contrary to the modern optical mouse, which has no 'rolling' parts. The term mouseover is probably more appropriate considering current technology.

Rollovers can be done by imagery, text or buttons. The user only requires 2 images/buttons (with the possible addition of "alt" text to these images) to perform this interactive action. Rollover imagery can be done either by a program with a built-in tool or script coding. The user will have to pick a first image and select an alternate secondary image. A mouse action will have to be set to either "click on" or "mouse over" in order for the rollover to be triggered. Note that when the "mouse over" moves on the image, the alt image/secondary image will appear but won't stay - when the user "mouses out" by moving the mouse away from the image, the original source image will reappear.

http://northpoconocatholic.com/music/ comes from Paul's web site.