Hello, dear friend, you can consult us at any time if you have any questions, add WeChat: daixieit

Technologies for Web Applications COMP2020, Sample Quiz

Sample Questions

ADDITIONAL FILES REQUIRED FOR THE SAMPLE QUIZ ARE IN THE ROOT OF THE ZIP FILE.   ADDITIONAL FILES REQUIRED FOR THE QUIZ WILL BE PROVIDED ON THE DAY OF THE QUIZ IN YOUR QUIZ ACCOUNT.

1.    The file Question1.txt, which contains the text to be used for this question, can be found in the root folder of the zip file for this sample quiz. Add the necessary HTML code to mark up the content as follows using appropriate HTML5 tags:

•     Divide the text up into paragraphs.

• The heading should be a level 1 heading.

•     The line starting 'Sources of...' should be a level 3 heading.

•     This heading should be followed by the list sources, marked up as an unordered list (ie bullet list).

•     'Australia Telescope Compact Array' should be in bold

•     '(ATCA)' should be a hyperlink, linked to http://www.narrabri.atnf.csiro.au/

Save the resulting file as Question1.html, and make sure it passes the W3C validator.

2.   Copy Question1.html into a new file called Question2.html (make sure to keep a copy of Question1.htm unchanged). CSS to the file to carry out the following:

•     make the level-1 heading 1.7 em in size

•     make the list text 1.2 em in size

•     make all text white on a blue background

•     make the level-3 heading text white on a black background

•     put a red border around the body

Note: you may have to make some changes to the HTML in Question2.html in order for your CSS to work.

Save Question2.html and make sure it passes the W3C validator.

3.The WAASAAS airline (Western Australia and South Australia Air Service) is conducting a web-based survey of its     frequent fliers from Sydney. The survey form used for this is implemented in Question3.html, which is provided in the root folder of the zip file for this sample quiz.

Add the following JavaScript functionality to the form:

The JavaScript function CheckForm() is to be called upon form submission, but the function is currently empty. Add JavaScript code to the function in order to carry out the following validations:

•     Check that the phone number begins with (02) and then followed by 8 numeric digits

•     Check that the favourite destination text box has been filled in

•     Check that the preferred meal type has been chosen

If the inputs are valid, the form should submit.

When errors occur in user input the user must be alerted to these errors through appropriate inline messages (not alert boxes) and the form should not be allowed to submit.

Save Question3.html.

4. Question4.html which contains the form to be used for this question can be found in the root folder of the zip file for this sample quiz. This form allows the user to select which orders are to be listed from a MySQL database. - do not modify this html file in anyway.

Create Question4.php page (which is the action for the form) so that it does the following:

•     Connects to the MySQL database called electrical (the connection details are given on the following page).

•     Retrieves from the electrical database, and displays in a table, the orderID, orderDate, shippingDate, customerID, firstName, lastName, postcode in ascending order of the orderDate for all orders that meet the criteria as entered by the user on the form. Eg, if the user selects Shipped in the selection list then all orders that have been shipped for the Customer ID indicated by the value in the text box must be shown. If the user selects Not-shipped in the selection list   then all orders that have not been shipped for the Customer ID indicated by the value in the text box must be shown.