Clean up JavaScript graph and create matching sliders
$30-250 USD
Closed
Posted about 11 years ago
$30-250 USD
Paid on delivery
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
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 professional freelancer and director of a small web design company. I have checked detail your requirements and ready to start right now. It can be done perfectly... I am available with Skype, yahoo messenger, MSN, Gtalk and phone. Send me a message to start working with you, waiting for reply, Anurag Saxena