Suljettu

Clean up JavaScript graph and create matching sliders

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

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.

ADDITIONAL DETAILS
- 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.

MORE EXAMPLES:
http://jqueryui.com/resources/demos/slider/slider-vertical.html
http://jqueryui.com/slider/#slider-vertical
http://nikorablin.com/slideControl/

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

Thank you!

Taidot: CSS, Javascript

Näytä lisää: 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

Tietoa työnantajasta:
( 80 arvostelua ) Deltona, United States

Projektin tunnus: #4270193

4 freelancers are bidding on average $120 for this job

itdv

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

160 $ USD 3 päivässä
(18 arvostelua)
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 Lisää

150 $ USD 0 päivässä
(7 arvostelua)
3.6
w4z4ne

i can do the work

50 $ USD 3 päivässä
(0 arvostelua)
0.0
rislam79

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

120 $ USD 1 päivässä
(0 arvostelua)
0.0