Design a shopping page with 5 products

Assignment Help Basic Computer Science
Reference no: EM13794201

Design a shopping page with 5 products on it. Each product has one image, product title, product description, and price.  You may add necessary buttons, page heading, and background.

A. When the page first loaded, display exactly 5 product items with images and their corresponding titles.  (The items could be any academic related items such as books, PCs, etc.) The title could be with borders too.

B. When the mouse pointer hover over either on one of the product images or on one of the titles, both the corresponding image and the title will be activated.  Both the color of their borders will be changed, or the sizes will be increased a little, or the tone of the image/text will be changed.  And when the pointer left the image or the title, the original image and text format will be restored. 

C. When a product image or title is clicked, its description with price will be displayed below the image and the title.  And when the expanded box of the description and price is clicked, it will shrink back and hidden again.

D. Set the upper right corner of each product image with a red "x" button and when it is clicked, the image will be: (1)removed from the current image list; (2)a mini-sized image is added in a pool of deleted items area.  Use a jQuery animation action for this transition. You may just reduce the width of the image to change its size.

E. If a particular deleted-item image is clicked, it will be appended back to the product image list and is removed from the deleted-item area. Use a jQuery animation action for this transition.

F. Items in the shopping list can be re-arranged by drag-and-drop of any image/title to a new location in the list.

G. The move of the products between the two groups are remembered by a client cookie which expires after two weeks of last update.  Therefore, when the page reloads again next time in 2 weeks, it will be automatically restored to the last state of products selections.  Setup your browser to allow the use of cookies.

Reference no: EM13794201

Questions Cloud

Explain what type of ospf link state is advertised : Explain what type of OSPF link state is advertised in each of the following cases: i. A router needs to advertise the existence of another router at the end of a ?point-to-point link. ? ii. A router needs to advertise the existence of two stub networ..
Perform a baseline study for pbsc : Assignment: Perform a baseline study for PBSC (palm beach state college) network (need to make assumptions). Create a list of all network devices (servers, routers, bridges, hubs, and so on... keep in mind that there are five campuses). What protocol..
Write a revision paper about analyzing advertisement : Write a revision paper about Analyzing Advertisement.
What events need to be added to the event table : What events need to be added to the event table? Complete the event table entries for these additional events. What activities or use cases for existing events might be changed because of a charge account and payment plan? Explain.
Design a shopping page with 5 products : Design a shopping page with 5 products on it. Each product has one image, product title, product description, and price.  You may add necessary buttons, page heading, and background.A. When the page first loaded, display exactly 5 product items with ..
Factors in the development of public administration : A 150-500 word explanation of how at least two external factors (cultural, historical, economical, and/or political) have influenced the development of public administration in the United States. Be specific and use examples to illustrate your poi..
Write a paper about five monumental moments in your life : Write a paper about five monumental moments in your life. What were these moments and how did they shape your perception of the world.
Public versus private administrators : Reflect on your past experiences within the private sector, whether as a manager, an employee, and/or an observer (e.g., customer, client, patron, etc.).
Write a paper critique on an editorial of isis topic : Write a paper 750-1000 word critique on an editorial of ISIS topic.

Reviews

Write a Review

Basic Computer Science Questions & Answers

  Determine total hours committed by employee

Assume the weekly hours for all employees are stored in the two-dimensional array. Each row records the employee's seven-day work hours with seven columns. Determine total hours committed by each employee every week.

  Start with an entry point for the service

Use the case study material as a requirement. We will concentrate improving services that were built in project 3 by adding the following:

  Differences between sequential access and random access

Define and explain the differences between SEQUENTIAL ACCESS and RANDOM ACCESS

  How much each country consume each good

Think of a 2 country world, say the US and the UK. Each country produces two goods, say food and cloth. Suppose 7 hours of labour are required to produce one unit of either good in the UK, whereas in the US it takes 2 hours to produce one unit food a..

  Create a new android application project

Create a new Android Application Project. The main screen should state the name of the person who owns the phone.

  Network consultation for designit

Network Consultation for DesignIT

  Program that allows a user to enter 10 item stock

Write a program that allows a user to enter 10 item stock numbers, prices, quantities in stock into three parallel arrays. Display all the data in report form - that is, aligned correctly in columns.

  Popular day-trip destination for local families

Two large international holiday companies have been planning to build hotel and leisure facilities for tourists on one of the island's beaches, which is also a popular day-trip destination for local families.

  The dom with javascript and traversing the dom with jquery

The DOM with JavaScript and traversing the DOM with jQuery

  Write a program that uses a while loop to compute

Write a program that prints the numbers from 1 to 50 using a for loop. Rewrite the program using a do -while loop.

  Determining the placement of the fsmo roles

Explain the steps for determining the placement of the FSMO roles for the Acme Widget Technical School. How are these roles determined, implemented, maintained, and monitored

  What are the instruction format

What are the instruction format and the equivalent assembly instruction of 0x21080040(with steps)?

Free Assignment Quote

Assured A++ Grade

Get guaranteed satisfaction & time on delivery in every assignment order you paid with us! We ensure premium quality solution document along with free turntin report!

All rights reserved! Copyrights ©2019-2020 ExpertsMind IT Educational Pvt Ltd