Mobile Web Based Application Development

Weight : 10%

Problem1 (4 points)

Instructions:
Open page products.html included in the zip folder of this assignment. Write the necessary jQuery code to have the page exhibits the following designated functionality.
Change the color of the product as follows:
"proteinbar” : Purple
“Vitamin” : Green
“Mineralwater” : Blue
Sample output:

Problem2 (6 points)

Instructions :
Open page selectorsActions.html included in the zip folder of this assignment. Write the necessary jQuery code to have the page exhibits the designated functiona

Sample outputs 1 :
Sample outputs 2 :
Note : the lower part of the page should have the following behavior
1. Hovering on the first paragraph would change the background color to yellow
2. Clicking the second paragraph would change the background color to green
3. Clicking the last paragraph would fade it out and replace it with a small icon ( ) to undo the process (fade it in). After you fade out you can use below code

Submission Guidelines

Create a new folder called Assignment1 under Assignments folder on your cpanel home directory and upload your final html pages along with the original images and css folders. Make sure that the pages are functional under your home web directory and that the reference to jQuery.js is made properly. TEST YOUR PAGES from there. Also upload the zip file and URL of your cpanel on SLATE dropbox.

To Download Click Here > Mobile Web-Based Application Development.pdf