Program #4, cgs4854pgm4g CGS 4854 - Website Construction and Management Professor: Michael Robinson e-mail : michael.cs.robinson@fiu.edu Worth 10 points with 3 addtional extra credit points - Make sure the program is properly documented and aligned uniformally, looking professionally, - Include the following header in every page: <%-- *********************************************************************************** Author : Your Name Program : page name Purpose : {A brief description of the program } Your URL : ocelot-aul.fiu/~__________ Course : CGS 4854 session, date, and time 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: - As in previous programs, use an editor NO TEMPLATES OR IDE's ALLOWED - Extend your program 3 to become program 4 as follows: 1 - If you had errors on program 3, finish program 3, otherwise the errors will be counted again in program 4. 2 - Add to your main menu the link Contact US See all necessary code in my webpage at: http://users.cis.fiu.edu/~mrobi002/teaching/teachingMain.php Passing Data Using POST contactUS.php mailer.php mailerSubmitted.php 3 - Add a button named "HELP" as shown below. *********************** main css menu ********************** Logged in at : Thu Jul 09 2015 09:06:55 GMT-0400 (EDT) Current Time : 9:07:29 Your Company Name (display area #1) 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 Others __________________________________ ___________________________________ Special Needs | Non-Smoking area | | Sugar-Free diet | | Large letter monitor | ------------------------------------- ______Submit Comment Display area #2______ FIND SAVE MODIFY DELETE CLEAR HELP *********************** main css menu ********************** - When pressing the HELP button, using javascript, create a popup window that will display to the right or left of your screen without covering the above screen. In the pop window use div ol ul li to write the menu contents. See popup windows sample at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/javascript/helpJS_source.txt and http://users.cis.fiu.edu/~mrobi002/teaching/teachingMain.php javascript section See CSS ol ul li samples at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/CSS/about.html The HELP menu should contain: Buttons Purpose: - FIND. To find a record enter the primary key and press the FIND button, then pass the primary key, using POST, to the table. If the record is found display it in their corresponding fields, else on the Submit Comment Line, using red color, display "RECORD NOT FOUND" - SAVE. If the record is not FOUND in the table, enter all the information on the page and press SAVE. The SAVE button will call another page that will add into the table all the data entered, using POST, and will display "Record Added" on the Submit Comment Line. Display all data in their corresponding fields on the screen. If the record already exist in the table, DO NOT ACCEPT THE DATA, and display "RECORD ALREADY EXISTS" on the comment line, 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, re-enter the new field(s) and press the MODIFY button. The MODIFY button will then call another page which will UPDATE the record in the table, passing the data using POST. Then display "Record Modified" on the Submit Comment Line. On the screen LEAVE all data in their corresponding fields. - DELETE. When the DELETE button is pressed, find in the 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 Line, 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 clear all the data on the monitor. - HELP. Using JavaScript display the above descriptions 4 - Using JavaScript, on top of your screen, below the main menu display: Logged in at : Thu Jul 08 2015 09:06:55 GMT-0400 (EDT) Current Time : 9:07:29 - The Current Time should be a current changing time see example code at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/javascript/timeJS.html EXTRA CREDIT POINTS: - For two (2) extra credit points, install lamp (apache, web server, php, MySql) on your laptop, or in a virtual machine in your FIU ECS 241 lab computer See intructions at: http://users.cis.fiu.edu/~mrobi002/teaching/cgs4854/LAMP/Installing_LAMP_MySql_Apache_PHP - For one (1) extra credit point, place labels inside their input boxes in the data.php page. Print the corresponding pages, of this program, and turn them in at the begining of class.