In Progress

JS Slider Control to prefill values and fields.

I need someone to setup two JS slider controls and change some values/hidden fields as the controls are used. The attached image should demonstrate this.

I have also attached the current code of the page that needs to be modified.

The first slider needs to have a range from 2 - 10, with 2 being set on load.

The second slider needs to have a range from 0-10, with 0 being set on load.

The calculation for the price on the first slider is as follows:

1-3 ?35 each, 4-7 ?30 each, 8-10 ?28 each

The calculation for the price on the second slider is as follows:

1-3 ?3.50 each, 4-7 ?3.00 each, 8-10 ?2.80 each

These ranges and values can be set in the JS but need to be easily editable when required.

These values are also set in the hidden fields (already exist in code):

logsno - no of logs ordered.

logsprice - total cost of logs ordered.

kindlingno - no of kindling ordered.

kindlingprice - total cost of kindling ordered.

totalprice - total cost of order

No other code should be modified in the template given.

Thanks

Skills: Amazon Web Services, Java, Javascript, PHP

See more: Control 4, slider image, slider hidden, php hidden fields, slider range, range range slider, control range, range slider control, change control, range control, range slider, php price slider, price slider php, java image slider, slider control, image slider, image slider php, slider php, values, required fields, php image slider, js load, Fields, change order values php, php editable fields

About the Employer:
( 373 reviews ) London, United Kingdom

Project ID: #3539156

Awarded to:

errouaguy

See private message.

$60 USD in 2 days
(49 Reviews)
5.1

4 freelancers are bidding on average $54 for this job

grupociberia

See private message.

$99 USD in 2 days
(94 Reviews)
6.0
slobodanmarkovic

See private message.

$20 USD in 2 days
(13 Reviews)
3.3
tlass

See private message.

$35 USD in 2 days
(0 Reviews)
0.0