HTML blueprint of hotel using tables/css and 2 javascript/jquery functions to add people to rooms
$30-250 USD
Paid on delivery
1. HTML version of a 2 page hotel blueprint (see attached photos) using tables/css.
-must work on Chrome and Safari
- we must be able to print the HTML to 2 A4 pages cleanly (ie when we cl
-NOTE however that we should use 2 divs, 1 for page 1, and 1 for page to and then just be able to show and hide the div for the page we want.
Alignment in schematic does not need to match 100% the original, needs to be reasonably close so that we understand the positions of the various elements (locations etc).
-The numbers should be included
-The words Douches/ WC (showers and toilets) should be included
-background dots are not needed
-Arrows on the stairs are not needed
NOTE: the names in the attachment are just for an example for the next part. For part 1 there should not be any names in the output.
2. Javascript /Jquery : FUNCTION for adding people to room, function to remove all people
a) We need a function that accepts a room number and a name.
It inserts the name IN one of the free spaces associated with the number.
SO, in the case f room 401 we should be able to call the function 4 times (4 places in that room) and each time the name is placed in one of the vacant spaces (order is not important).
b) If there are no empty places for the room number, the name is appended to an existing one.
3. TEST page
Please add a small test page which shows the BLANK hotel blueprint and then
shows the function being called to fill all spaces with random names.
Also demonstrate the case when there are insufficient places in a room so that a name is appended to an existing one. (case b above).
The test page should have buttons at the top
SHOW_PAGE1, SHOW_PAGE2, FILL_ROOMS_WITH_RAND_NAMES, CLEAR_ALL_ROOMS
SHOW_PAGE1: shows div 1and hides page 2
SHOW_PAGE2: shows div 2 and hides page 1
FILL_ROOMS_WITH_RAND_NAMES: adds random people to all rooms
CLEAR_ALL_ROOMS: removes all people from all rooms.
Project ID: #9923032
About the project
Awarded to:
hello project provider i am relay interested to done this for you. i have 4 + year of experience in Web Development. please come in chat box for detail discussion . Thanks.. Bhardwaj
