Clean up JavaScript graph and create matching sliders

Cerrado Publicado Feb 22, 2013 Pagado a la entrega
Cerrado Pagado a la entrega

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 ( [login to view URL] )

- 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!

CSS JavaScript

Nº del proyecto: #4270193

Sobre el proyecto

3 propuestas Proyecto remoto Activo Mar 31, 2013

3 freelancers están ofertando un promedio de $107 por este trabajo

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 Más

$150 USD en 0 días
(24 comentarios)
4.7
w4z4ne

i can do the work

$50 USD en 3 días
(0 comentarios)
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 en 1 día
(0 comentarios)
0.0