Друзья, срочно требуется помощь. Вот несколько дней бьюсь над одной проблемой. Есть три слайдера, пробывал два варианта отсюда
http://egorkhmelev.github.io/jslider/
и от сюда
http://ionden.com/a/plugins/ion.rangeSlider/ . Вообщем сами они вроде работают.
Пример:
<div class="layout-slider">
<input id="CPUslider" type="slider" name="price" value="1" />
</div>
<script type="text/javascript">
jQuery("#CPUslider").slider({ from: 1, to: 20, step: 1, round: 1, scale: [1, '|', 5, '|' , '10', '|', 15, '|', 20], skin: "round_plastic"});
</script>
<div>Общая цена</div>
<div id="totalprice"></div>
<script type="text/javascript">
var vdscpuprice = $("#CPUslider").slider("value");
document.getElementById('totalprice').innerHTML = vdscpuprice;
</script>
Необходимо получить текущее значение от слайдера, и передать в общую цену, кодом что вверху он берет значение при подгрузке страницы. Вданном случае 1. и если значение слайдера меняется, не подгружает его. если сделать таким образом:
в сам слайдер прописать:
onstatechange: function( value ){
var vdscpuprice = $("#CPUslider").val();
document.getElementById('totalprice').innerHTML = vdscpuprice;
}
то выводит как нужно, НО! мне нужны суммировать значение трех слайдеров. Каким образом можно получить эти данные. Так же пробывал получить данные с input не получалось.
Заранее спасибо.
P.S.Сама задача, сделать три ползунка с определенными range , у каждого по значению высчитать сумму, в конце суммировать суммы трех слайдеров. Если есть решения купил бы.