actionscript+javascript

Completed Posted Apr 22, 2010 Paid on delivery
Completed Paid on delivery

We need an SWF object (and we also need the FLA). this object takes 2 files as input:

- another swf composed of some polygons, each one in an independent movie clip, and each one tagged with a unique name (look at attached file).

-an xml file that contains a map like the one attached.

- during file loading a preload percentage is shown (or similar)

- the color attribute in xml is optional. when present the correspondant poly myst be coloured as the parameter otherwise the default color coded in the swf will be used. Either color will be modified by following actions.

The sw has some functions:

- It shows the original swf adapting its dimension to the container (swf input files can be different in dimensions).

- top right there is a control composed of 2 buttons (and an optional slider if comes free) that control the zoom-level of the included swf. zoom goes from 0% to 400% (but 400 is a parameter, tomorrow I could need 800). When I say 0% i intend all the image visible in the container.

- swf zoomed image can be moved by drag and drop, to show all areas. Note: all the image, not single movieclip.

- onMouseOver on poly: for each poly, it call an EXTERNAL javascript functionthat takes 2 params as input: polyname, groupname (es. function onMouseOverFunction(var polyname, var groupname))

The output of this function is an HTML that must shown in a box, like a tooltip that foolow the pointer while it's ON the poly. (eg. of output this is poly9

It belongs to group3)

-onClick on poly:on each poly flash must call an external javascript function. The same parameters as above are taken as input: polyname, groupname (es. function onClickFunction(var polyname, var groupname)). In addition all elements in the same group of the clicked poly must change their color. The color is a parameter, and it's the same for all categories, let's say #CC0000.

- the swf must manage the answer to an external call to a javascript. Let's say I have a button in the page, this button fires a javascript and the flash change accordingly. how: the call is like selectFunction(groupname): this function must make the flash changing the color of all poly in "groupname" group. Exacly as above, but without the call to onClickFunction.

- color of clicked poly, max zoom level, function names and file names will be passed as flashvars:highlightColor, maxZoomLevel, onMouseOverFunction, onClickFunction, selectFunction, swfPolyFile, xmlFile

Eg: highlightColor='#CC0000',maxZoomLevel='800',onMouseOverFunction='info',onClickFunction='doHighlight', selectFunction='doSelect', swfPolyFile='[url removed, login to view]', xmlFile='[url removed, login to view]'

- function must apply only to polygons described in xml

- a working test html page must be provided to check the work.

- the page must work on IE7-8, firefox 3, Chrome for Windows. Safari for Mac.

ActionScript JavaScript

Project ID: #667607

About the project

1 proposal Remote project Active Apr 23, 2010

Awarded to:

RedCouch42

I would like to take on this project. I will follow up with some questions via PM.

$200 USD in 7 days
(1 Review)
2.6