Program cgs4854pgm3h
Worth 10 points

CGS 4854 - Website Construction and Management
Professor: Michael Robinson 

 server    = ocelot.aul.fiu.edu
 usernames = fall15_username
 password  = panther ID

- Make sure the program is properly documented and aligned uniformally, looking professionally,
- Include the following header in every page:


  <%-- ***********************************************************************************
  Author     : Your Name 
  Your URL   : ocelot-aul.fiu/~__________
  Course     : CGS 4854 session, date, and time
  Program #  : Assignment Purpose/Description 
               {A brief description of the program } 

  Due Date   : MM/DD/YYYY 
  Certification: 
  I hereby certify that this work is my own and none of it is the work of any other person. 

  ..........{ your signature }..........

  ************************************************************************************** %>

Purpose of this program:

- To your main CSS menu add a new link called PGM3. Make sure to leave Data button and its
  contents as they were turned in for program 2.

- All the material for program 3 is new material, we are just extending the knowlegde from 
  program 2.


                               Your Company Name (display area #1)

                  *********************** new main css menu **********************   
  
                  Telephone #     _____________ 
                  First Name      _____________  
                  Last Name       _____________    
                  Email           _____________
                                    
                  Gender          _____________[^]   

                  Age             o Under 20    o 20-30    o 31-40
                                  o 41-50       o 51-60    o Above 60     
                  
                  Preferences     []CS   []IT   []Robotics   []Engineering

                                  ___________________________________   
                  Special Needs  | Non-Smoking area                  |
                                 | Sugar-Free diet                   |
                                 | Large letter monitor              |
                                 -------------------------------------


                              ______Submit Comment Display area #2______
  
  
                             FIND   SAVE   MODIFY   DELETE   CLEAR   HELP
                         

                  *********************** new main css menu **********************   



Details:
Implement all the buttons ( FIND   SAVE   MODIFY   DELETE   CLEAR ) as follows:

- FIND. To find a record in your mysql table, enter the primary key on pgm3.php 
  and press the FIND button, then pass the primary key value, using POST, to 
  find.php using the Controller3.php.
  If the record is found in the table, display all the corresponding fields on 
  the screen (pgm3.php), else on the Submit Comment Display area #2, using red color, 
  display "RECORD NOT FOUND"
  
- SAVE. If the record is not FOUND in the table, enter all the customer information
  on the pgm3.php page and press SAVE. The SAVE button, using the Controller3.php, 
  will call save.php to add into the table all the data entered in pgm3.php,
  using POST. If the record does not exist in the table, on the Submit Comment 
  Display area #2, display "Record Added".
  If the record already exist in the table, DO NOT ACCEPT THE DATA, and display
  "RECORD ALREADY EXISTS" on the Submit Comment Display area #2, using RED color, 
  LEAVING all the data on the screen. 
  
- MODIFY. If a record exits in the table, and you want to modify any field(s), 
  re-enter the new field(s) and press the MODIFY button.
  The MODIFY button, using the Controller3.php, will call modify.php to add into 
  the the table all the data entered in pgm3.php, passing the data using POST. 
  Then display "Record Modified" on the Submit Comment Display area #2.
  On the screen LEAVE all data in their corresponding fields.
  
- DELETE. When the DELETE button is pressed on the pgm3.php page, find in the 
  mysql table the record that corresponds to the primary key entered on the screen. 
  If the record is found, delete it from the table and on the Submit Comment 
  Display area #2, using red color, display "RECORD DELETED". 
  LEAVE ON THE SCREEN all the data corresponding to the deleted record so that 
  the user can re-save it in case the record was deleted by mistake.
  
- CLEAR. This button will set all memory values to "" and then when they get 
  re-displayed on the pgm3.php page, the screen will be cleared as well.

- HELP. This button will display the above descriptions. Create this button
        using JavaScript and CSS as explained in class.



Special Instructions:
- Additional code samples: 
  http://users.cis.fiu.edu/~mrobi002/databases/cgs4854/ 
  http://users.cis.fiu.edu/~mrobi002/includes/OcelotCreatingWebsite    
  http://users.cis.fiu.edu/~mrobi002/includes/Web.php
  http://users.cis.fiu.edu/~mrobi002/includes/about.php


Print the corresponding php pages to this program ONLY 
and turn them in at the begining of class.

Email me a zip copy of your public_html folder RENAMING it by adding your
name and class number (WEB 1, 2, 3 or 4)