Clean up JavaScript graph and create matching sliders
$30-250 USD
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!
Nº del proyecto: #4270193
Sobre el proyecto
3 freelancers están ofertando un promedio de $107 por este trabajo
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
Hi, i know the browser models by heart ..thts why would love to help you out with this project. Regards Rafi