Clean up JavaScript graph and create matching sliders

Avg Bid (USD)
Project Budget (USD)
$30 - $250

Project Description:
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.

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 ( )
- 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

- 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

Additional Project Description:
02/26/2013 at 23:48 EST
PROJECT HAS BEEN SIMPLIFIED - This modification overrides the original project description

Using the attached SliderExample.html file as an example, create a single HTML file that includes 6 vertical JavaScript sliders and use fragments to output the slider positions.

- Make sure you create vertical sliders (not horizontal like in the example)
- Make the slider visually similar to the attached BezierCurve file - This file will be viewed side-by-side with the BezierCurve
- Make the sliders 200px high
- Make the body about 350 to 400px wide
- The slider values should range between 0 to 1 in 1/100 increments (0, .01, .02, .03, etc.)
- The finished URL should appear similar to this: Slider.html#.50,.75,.25,.02,.90,.33
- Remove any unnecessary CSS and JavaScript
- The file must render properly in later versions of IE and Safari only.
- Any legally available snippets can be used. Include credits in a comment.


This must be completed on or before Thursday night (USA). I am available during extended hours.

Thank you!

Skills required:
CSS, Javascript
Additional Files: BEZIERCURVETOOL.ZIP SliderExample.html
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 160
in 3 days
$ 150
in 0 days
Hire rislam79
$ 120
in 1 days
$ 50
in 3 days