Need to be done in 2.5 hours. Simple web page using javascript.

Closed

Full description in attached file

The requirements are as follows:

Create an array of color. It contains the names or hex numbers of colors (at least 7 colors). It is used to set the background color of the different divs (see below).

Create a popup function to do the following:

open a new window (don't load any URL). The height is 170 and the width is 200. It is resizable and dependent. The popup must be located on the screen at X=200 and Y=200.

write the following in the new window:

A body with a different background color (e.g. yellow).

A heading about the hot deals.

Create a function loadURL to load the URL (which is the passed argument) back to the main window that creates this popup window. Also this function closes this popup window. (This means that this function is part of the popup window. So you need to include it in a script tag.)

Three links to cruise sites. When a link is clicked, call loadURL by passing the URL (e.g. Royal Caribbean).

A div that has an event dblclick. Only when the page is double clicked that the event fires the function displayList in the main window that creates this popup window (opener) by passing an array of cruises defined in the opener. Close the popup window.

focus the popup window to make it in front of the other windows.

So when the popup page is double clicked, load a table for the cruises. Create the table as follows:

Create a cruise object that has the following properties:

Cruise Date

Cruise Destination

Cruise Description

Cruise URL

Ship Name

Ship Description

Ship URL

Price

Make three instances of the cruise object.

Create an array of the three instances.

Create the function displayList with an argument of the array type as follows:

Retrieve the array to display the date, destination, ship, and price.

For the destination, create a link to call the loadDesc function, which does the following:

It has two arguments: description and URL

Close the popup window.

Increment the counter. It's used as an index for the color array.

getElementById of the div that is used to display the Welcome.

Create a new div. Set the background color by getting the color from the color array.

Set the description (passed as argument).

Create a link (a) element that calls the popupWindow function by passing the URL when clicked. The target is the name of the window created by this popupWindow. (This popupWindow is different from the one created upon loading the midterm page).

Add a text like "Click for more info".

Insert this div before the cruises table.

For the ship, create a link to call the loadShip function, which does the following:

It has two arguments: description and URL

Close the popup window.

Increment the counter. It's used as an index for the color array.

getElementById of the div that is used to display the Welcome.

Create a new div. Set the background color by getting the color from the color array.

Set the ship description (passed as argument).

Create a link (a) element that loads the site of the ship on a new window or tab when clicked. Do not use popupWindow,i.e. do not open a window. It's a regualr link with a target to load on a new tab.

Add a text like "Click here for more info".

Add this div below the cruises table.

Create the popupWindow to open the URL of a cruise description. Its height is 300 with a width of 400. It's scrollable and resizable. Set focus.

Upon exiting the midterm page, close the popup window if it's open.

Upon loading the midterm page,

Display Welcome text with an image and fire a popup window.

Skills: HTML, Javascript

See more: hide div using javascript page load, hide part web page using javascript, hide show part web page using javascript, need 100 links adult webcam site, top simple portfolio sites web design, simple page web site, download simple interest calculator using javascript project, javascript preloader web page, javascript open web page return, javascript pagination web page, javascript overlay web page, using javascript embed web page within web page, using illustrator layout web page, javascript reposition web page code

Project ID: #11724176

14 freelancers are bidding on average $35 for this job

hemsingh1

Hi, Wordpress, Opencart, HTML, Javascript, PHP, SQL & CSS expert. Can work and complete the task as specified. Understood the requirement. Ready to Start. Thanks Please visit my demo site http://mydealstm.com/r More

$35 USD in 1 day
(36 Reviews)
4.9
rainstreamweb

Hello, This is not copy/paste message. I read your requirements. I am interested for this job. I have expertise in Wordpress, Laravel, Magento, AngularJS, Ruby on Rails, Core PHP etc. technologies and can work on More

$25 USD in 1 day
(17 Reviews)
4.5
shaochao555

How are you. I am a web developer. I did review your requirements. I have experience skills related to your job. Let's go to good results with me. Please ping me.

$35 USD in 2 days
(12 Reviews)
3.9
hoyyanghwang

Hello ! thank you for your post. I'm a expert of Web development have the experience of 5 years. My skills are as followings. 1. mobile : android, iphone , PhoneGap, Java, ObjectiveC. 2. front end : HTML5, bootst More

$15 USD in 0 days
(10 Reviews)
3.6
arun01012016

+Dear Project Owner, Hope I am approaching you in best of your health and spirits!! I can be a suitable match for your work as I am having 8 years of experience in Website designing,SEO,SMO. I completely fit into the More

$30 USD in 1 day
(8 Reviews)
2.9
apachefriends

Hi, Let's discuss more about the project and turn it into reality with your idea and our skills. We work on Website development, Mobile application development, Website design, APP design, UX/UI design few name More

$30 USD in 0 days
(3 Reviews)
2.5
codelogistic

Hi, I have read the requirements and would like to tell you that we have extensive experience in ASP.NET, MVC, Various Javascript Frameworks and Libraries, Bootstrap etc. You can also check some of our big projec More

$55 USD in 1 day
(3 Reviews)
1.6
jassn403

Hello. I can do this project. I will also give you a live demo before I submit my work to you. However, I have a few questions regarding the project. Is it okay if we chat a bit? Hoping to hear back soon. With More

$15 USD in 1 day
(1 Review)
0.0
AndreasRau87

Hi, I am webdeveloper from Germany and for me it is no problem to create the web page as you described it. Give me a chance and you won't regret it!

$15 USD in 6 days
(0 Reviews)
0.0
Nayer8238

HI i am Nayer abbas from pakistan... i am also new freelancer . i am export in this work ..............i want to improve my raitting..please believe on me and give this work...i ensure i complete your work very nic More

$20 USD in 1 day
(0 Reviews)
0.0
mathspy

Looking easy enough but missing some details at the moment that I would like to discuss in chat, should take me roughly an hour and half

$30 USD in 0 days
(0 Reviews)
0.0
RanaTayyab25

I’m WordPress/php developer. I’ve 5 years of development experience. I’m expert in php,laravel ,WordPress , html5, css3,Seo ,responsive work and Psd To WordPress. My expertise also include WordPress themes and plug More

$19 USD in 1 day
(0 Reviews)
0.0
gutropolis

Hello, I have read your job description about design web page using javascript .I am professional PHP Developer over 5+ years of experience in creating a Websites. I have worked for small, large and startup business More

$150 USD in 1 day
(0 Reviews)
0.0
jumana30892

I will try my best.

$10 USD in 5 days
(0 Reviews)
0.0