lab4_handout_COMP3322_s2018.pdf - COMP3322 MODERN TECHNOLOGIES ON WORLD WIDE WEB Lab 4 jQuery Overview In this lab we will implement the same web-based

lab4_handout_COMP3322_s2018.pdf - COMP3322 MODERN...

This preview shows page 1 - 3 out of 5 pages.

COMP3322 MODERN TECHNOLOGIES ON WORLD WIDE WEB Lab 4 jQuery Overview In this lab, we will implement the same web-based course attendance system, which we implemented in Lab 3, using jQuery, plus achieving a few additional functionalities. Especially, except the functionalities as implemented in Lab 3, we add two buttons “Order by Name” and “Order by Course” on the page. When each button is clicked, the attendance records displayed above will be ordered alphabetically by student name or course code, respectively. Example screenshot of the page after initial loading is given in Fig. 1. Fig. 1 Example screenshots of the page after clicking the “Order by Name” button and after clicking the “Order by Course” button, are given in Fig. 2 and Fig. 3, respectively. Note that the displayed entries, no matter the full list or filtered list (as shown in the screenshots), will be ordered accordingly when one of the two buttons are clicked.
Image of page 1
Fig. 2 Order by Name Fig. 3 Order by Course Lab Exercise 1 reimplement Lab 3 functionalities using jQuery Step1: We will use the same database which you created and used in Lab 3. Make
Image of page 2
Image of page 3

You've reached the end of your free preview.

Want to read all 5 pages?

  • Fall '13
  • Dr. C. Wu

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture

  • Left Quote Icon

    Student Picture