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

  Write a program to ask the user to enter the yearly income

Write a program to ask the user to enter the yearly income of each person

  Want to confirm and verify prior to notifying users

The database administrator for your company. Your staff just informed you that they have noticed several unauthorized attempts to access the database. You are trying to decide how to address this issue to your management team. What type of informatio..

  Edit this java code add the 3 amounts

Can anyone pls edit this Java code? I need to be able to add the 3 amounts listed on the main method public class Money { private Currency currency; private int wholenum; private int decnum; public Money(Currency currency, int wholenum, int decnum..

  System of 3 linear equations

Write a VBA program that will solve a system of 3 linear equations with 3 unknowns using the Gauss elimination method. Your program should read the elements of the system to be solved from an Excel spreadsheet. And it should check its final answer..

  Provide a sql statement that displays the title

Provide a SQL statement that displays the TITLE and publisher NAME of each book in the "COMPUTER" CATEGORY.

  Compare the it field with at least one other field

In relation to the IT field, what benefits and problems do you foresee in using e-mail and text messaging as the main source of communication? Compare the IT field with at least one other field.

  For the term lambdax x lambday y write down the type of

1 beta-reductiona underline the free variables in the term lambday x. x y a. a x b beta-reduce that term to its normal

  Possibilities curve between health and all other goods

Draw a production possibilities curve between health and all other goods

  Explain the difference between data and information

Give your own best definition of information, and explain the difference between data and information. Your response should be at least 200 words in length. You are required to use at least your textbook as source material for your response. All sour..

  Explain the management of high-assurance software

The company does not adduce any additional evidence of assurance. How would you explain to the management of this company why their software is in fact not "high-assurance" software?

  Android application

In your IT4785 course project, your store locator application persisted the user's nearest store location search results locally, so that when the application was exited and resumed, users would be able to view their most recent search results wit..

  Explain how fuzz based systems work

Explain how fuzz based systems work and provide a detailed example of a system that utilises fuzzy logic.

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