Clean up JavaScript graph and create matching sliders

Closed

Description

OVERVIEW:

1) Modify the 2 attached files so they will render correctly in IE7 and Safari, fix URL formatting that creates possible errors, add more grid lines, and remove any unnecessary JavaScript

2) Create a new file with 6 side-by-side vertical JavaScript slider that visually match the current files

3) Create 2 new files based on the existing two files with the graph on the left and the sliders on the right

IMPORTANT: These files will not be used in web browsers so there are some abnormalities in how they are written. The html page(s) are rendered in a web viewer that references a data field which includes the full URL ( BezierCurveTool_200x200_00To11.html#.1,.5,.2,.3 ) so the fragment is used as both output and input to render the page. Also, each html 'page' must be one file.

DETAILS:

1) The 2 attached files include a Bezier tool that has 4 points.

- The two ends should render on the exact corners for each browser.

- Allow handles to move between 0 to 1 in all directions

- Overcome or discuss solutions for rendering errors as a result of UTF-8 encoding. Results of ...#1,0... creates an error.

- Current grid lines exist at every 10% of the scale. Add lines at 5% increments.

- Remove any JavaScript that isn't used

2) Use the slider here as an example ( [url removed, login to view] )

- Create one new file that is formatted similarly to the existing ones.

- In this file, create 6 vertical sliders side-by-side that range between 0 to 1 in 1/100th increment.

- Make the slider 200px high and place each one about 50px apart

- All lines above the CSS should be the same as the provided file (Same JavaScript classes)

- Output the 6 slider positions in the fragment

3) Create 2 new files that include the above

- Place the graph on the left and the sliders to the right

OTHER NOTES:

- Plan time for 2 small changes

- I don't understand the encoding problem. If it cannot be overcome in the HTML file, I may be able to overcome it in the application where this is being used however I will need the problem explained to me. State clearly if you understand and can or cannot overcome the encoding issue.

Thank you

Skills: CSS, Javascript

See more: html web javascript, which graph to use for data, use of graph, use graph, use a graph, the graph, problem graph, javascript tool, in a graph, how to graph data, how to fix error on web page, how to create graph, how to create a graph, how make a slider on javascript, graph to data, graph this data, graph s, graph rendering, graph render, graph problem, graph of data, graph how to, graph graph, graph c, graph and data

Project ID: #4270193

4 freelancers are bidding on average $120 for this job

itdv

I read description and understood requirement, now ready to work.

$160 USD in 3 days
(18 Reviews)
4.0
anuragaadi

Thanks for the project opportunity. I would very much happy to place my bid on your project and I think all your requirement meets with my skill and expertise level. First I would like to introduce myself as a professi More

$150 USD in 0 days
(7 Reviews)
3.6
rislam79

Hi, i know the browser models by heart ..thts why would love to help you out with this project. Regards Rafi

$120 USD in 1 day
(0 Reviews)
0.0
w4z4ne

i can do the work

$50 USD in 3 days
(0 Reviews)
0.0