Tutup

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

Proyek ini menerima 14 penawaran dari para freelancer berbakat dengan harga penawaran rata-rata $35 USD.

Dapatkan penawaran gratis untuk proyek seperti ini
Pemberi kerja bekerja
Anggaran Proyek
$10 - $30 USD
Total Penawaran
14
Deskripsi Proyek

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.

Keahlian yang Diperlukan

Ingin menghasilkan uang?

  • Atur anggaran Anda dan jangka waktunya
  • Uraikan proposal Anda
  • Dapatkan bayaran atas pekerjaan Anda

Pekerjakan para freelancer yang juga menawar di proyek ini

    • Forbes
    • The New York Times
    • Time
    • Wall Street Journal
    • Times Online