Dodam tak:
<form action="" method="post">
<p> Punktów do dyspozycji: <span id="x"> 100 </span> </p>
<span>Przyśpieszenie: </span>
<div id="sliders">
<span class="slider"></span>
<span> 1 </span>
</div>
<span>Reakcja: </span>
<div id="sliders">
<span class="slider"></span>
<span style="float: left; margin-left: 20px;"> 1 </span>
</div>
<span>Hamowanie: </span>
<div id="sliders">
<span class="slider"></span>
<span> 1 </span>
</div>
</form>
<script>
//<![CDATA[
$(window).load(function(){
var sliders = $("#sliders .slider");
sliders
.each(function() { var value = parseInt($(this).text(), 10),
availableTotal = 100;
value: 0,
step: 1,
animate: 100,
slide: function(event, ui) {
// Get current total
var total = 0;
sliders
.not
(this
).each(function() { total += $(this).slider("option", "value");
});
var max = availableTotal
- total
; if (max - ui
.value
>= 0) { // Need to do this because apparently jQ UI
// does not update value until this event completes
total += ui.value;
console.log(max-ui.value);
$(this).siblings().text(ui.value);
$
("#x").text
(max - ui
.value
);
} else {
return false;
}
}
});
});
});//]]>
</script>
Dokładnie jest to jquery. Nie wiem czemu na tamtej stronie nie wyświetla nic, ale u mnie na localhoscie działa bez zarzutów.