In Progress

Create Hotspots/Image Map Data Managed by Database

.

Hotspots - Image Map - Interactivity

I have an image of a trade fair floor plan and the booths/stands that will be uploaded to the website (Joomla/LAMP)

1) Each stand needs to be a hotspot

********************************************************************

a) When hovering over the hot spot a modal text box should be shown with details of the stand (stand no., size etc.)

The info to be shown should be generated from XML linked by the stand number

b) When clicking on the hotspot a link to an URL should be used based on XML linked by the stand number (_blank)

c) When leaving the hotspot the text box should vanish automatically

2) Background Colors of each Hotspot

********************************************************************

Ability to change the background color of each stand/booth individually (original, light orange, darker orange)

3) Modal Text Box Content Text Based on Background Colors of each Hotspot

********************************************************************

The modal text boxes' content text for each hotspot will vary according to the color selected.

Possible content text variations depending on the background color selected are

a) Stand/booth details

b) Name of a company that booked that specific booth

c) Reserved

d) Booked

4) XML + Admin Backend

********************************************************************

I want to upload an Excel table with columns that represent the various data for each stand/booth/hotspot

Update is possible by

a) Uploading a new Excel table

b) Admin function

In the admin backend from the XML data a table is presented with which one can edit the data that is used to present the image map

Text Box Content

- Radio Button-1: Stand/booth details: Can only be changed by uploading a new Excel table

- Radio Button-2: Name of a company that booked that specific booth: Editable by Text Field

- Radio Button-3: Reserved

- Radio Button-4: Booked

Hotspot Background Color

If Radio Button-01 is selected use background color "original"

If Radio Button-02 is selected use background color "darker orange"

If Radio Button-03 is selected use background color "lighter orange"

If Radio Button-04 is selected use background color "darker orange"

We need to see some of your previous work before we can make a decision.

Please bid for the programming of this script!

If you have the right tools to create an image map from a floor plan image (=attached) too, then mention your quote for this part in the PMB.

Important is the script!

Thank you for your bid

Skills: AJAX, HTML5, jQuery / Prototype, PHP

See more: image map database, image hotspots database, database image map, image map data, image hotspot map joomla, image hotspot database, create hotspot map data, image hotspot map database, tools php programming, radio programming, php programming tools, php programming stands, name text image, lamp programming, excel data programming, data programming, ajax stand, database hotspot map, table hotspot database map, php create function, hot create website, trade fair, php script create table, modal, map info

About the Employer:
( 128 reviews ) Mering, Germany

Project ID: #1139879

Awarded to:

JCWCreation

sir,I have almost done.check PM

$200 USD in 10 days
(0 Reviews)
2.6

3 freelancers are bidding on average $250 for this job

sainathkohta

Please check PMB.

$300 USD in 15 days
(37 Reviews)
6.5
prasy8

Hi, please check p.m Thanks!

$250 USD in 15 days
(6 Reviews)
4.0