Closed

Quick JavaScript job

This project was awarded to agilesols for $100 USD.

Get free quotes for a project like this
Employer working
Awarded to:
Skills Required
Project Budget
$30 - $250 USD
Total Bids
5
Project Description

I have a map of 34 regions. When the user hovers over a region, I need to display the latest 3 news stories for the selected region.

The site is built in Wordpress MU and the map described here appears on the home page only, therefore the code can be included in the home page template in the site theme.

The map and news feed are both built and ready - I now just need the JavaScript to show the relevant regional news, using CSS to display/hide.



Here's what I have so far:


The image map is built using HTML <map> and uses onmouseover="MM_swapImage" on <area>'s to highlight the region as it is hovered over.

I have used PHP to retrieve the news from each region, based upon content tagged. The HTML produced looks like this:

<div id="region-1">

<p><a href="link">Example</a></p>
<p><a href="link">Example</a></p>
<p><a href="link">Example</a></p>

</div>

<div id="region-2">

<p><a href="link">Example</a></p>
<p><a href="link">Example</a></p>
<p><a href="link">Example</a></p>

</div>

etc...

Looking to make some money?

  • Set your budget and the timeframe
  • Outline your proposal
  • Get paid for your work

Hire Freelancers who also bid on this project

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