Hola,
estoy utilizando las librerias de jQuery UI para calcular unos valores obtenidos mediante deslizadores.
Consigo que se muestren los deslizadores y sus valores seleccionados.
Pero no consigo setear los valores en variables para realizar calculos con ellos y mostrarlos en pantalla.
Este es el codigo:
Código:
<script>
$(function() {
$("#slider").slider(
{
value:1,
min: 1,
max: 20,
step: 1,
slide: function( event, ui ) {
$( "#slider-value" ).html( ui.value );
}
}
);
$( "#slider-value" ).html( $('#slider').slider('value') );
var des1 = $('#slider').slider('value');
});
//funcion dos slider
$(function() {
$("#slider2").slider(
{
value:1,
min: 1,
max: 90,
step: 1,
slide: function( event, ui ) {
$( "#slider-value2" ).html( ui.value );
}
}
);
$( "#slider-value2" ).html( $('#slider2').slider('value') );
var des2 = $('#slider2').slider('value');
});
//imprimir
$(function() {
$("#resultado").html(des1+des2);
});
</script>
y este es el html para mostralo:
Código HTML:
<body>
<!-- Slider -->
<!--1-->
<div id="slider"></div>
<p>capital : <span id="slider-value"></span></p>
<!--2-->
<div id="slider2"></div>
<p>capital : <span id="slider-value2"></span></p>
Res:
<div id="resultado"></div>