My first code didn´t work with most mobilephones and some browsers
the sliders didn´t work so I made this instead, but my Javascript skills ar not to good
so I cant find out how to to get the sum in the last Div witout a submit button
<script>
$(function() {
$( "#slider1" ).slider({
value:0,
min: 0,
max: 20,
step: 0.1,
slide: function( event, ui ) {
$( "#sum1" ).val( ui.value + " l");
}
});
$( "#sum1" ).val( $( "#slider1" ).slider( "value" ) +" l");
});
</script>
<script>
$(function() {
$( "#slider2" ).slider({
value:0,
min: 0,
max: 10,
step: 0.5,
slide: function( event, ui ) {
$( "#sum2" ).val( ui.value + " %");
}
});
$( "#sum2" ).val( $( "#slider2" ).slider( "value" ) +" %");
});
</script>
<script type="text/javascript"><!--
function updatesum() {
document.form.sum.value = (parseFloat(document.form.sum1.value) * parseFloat(document.form.sum2.value) / 10).toFixed(2); }
//--></script>
<form name="form">
<div>
<input type="text" onChange="updatesum()" name="sum1" id="sum1" style="border:0; font-weight:bold;" />
<div id="slider1"></div>
</div>
<div>
<input type="text" onChange="updatesum()" name="sum2" id="sum2" style="border:0; font-weight:bold;" />
<div id="slider2"></div>
</div>
<div>
<input name="sum" type="text" value="0" size="5" readonly>
</div>
</form>