slider scriptaculous

[martajg]

¿Alguien sabe decirme como puedo utilizar valores string en lugar de numéricos?

Necesito que al mover el slider aparezca un formato tipo: 1h30m y no se me ocurre cómo hacerlo.

Gracias

[genuine_carlosV2]

Haz un paso más.

Imagino que lo que quieres es seleccionar algún tiempo ¿no?
Pues create una función o en el mismo código de lectura que haga la conversión. Mírate este código de ejemplo que he echo:

Código:

<script type="text/javascript">
var tiempo = 124; //minutos
horas = Math.floor( tiempo / 60 );
minutos = tiempo - horas * 60;
alert( horas + "h " + minutos + "m" );
</script>

Suerte ;)

[martajg]

He probado el código:

onSlide:function(v)
{
var tiempo = 124; //minutos
horas = Math.floor( tiempo / 60 );
minutos = tiempo - horas * 60;
$('Editbox1').value=horas + "h " + minutos + "m"
},
onChange:function(v)
{
var tiempo = 124; //minutos
horas = Math.floor( tiempo / 60 );
minutos = tiempo - horas * 60;
$('Editbox1').value=horas + "h " + minutos + "m"

}});

el resultado del cuadro de texto es: 2h4m al moverse la primera vez y ya no vuelve a cambiar aunque muevas el slider

[genuine_carlosV2]

Lo tienes que hacer es que la variable tiempo sea igual al valor del slider. Yo te he puesto 'var tiempo = 124' como un ejemplo, pero tu tienes que poner 'tiempo = //Valor Slider'.

Suerte

[martajg]

este es el código modificado pero tampoco funciona, cambia de valor una sóla vez a 0h30m.

new Control.Slider('deslizador1','pista1',{range:$R(10 ,30), values: [10,20,30],


onSlide:function(v)
{
var tiempo = 30; //minutos
horas = Math.floor( tiempo / 60 );
minutos = tiempo - horas * 60;
$('Editbox1').value= horas + "h " + minutos + "m"
},
onChange:function(v)
{
var tiempo = 30; //minutos
horas = Math.floor( tiempo / 60 );
minutos = tiempo - horas * 60;
$('Editbox1').value= horas + "h " + minutos + "m"

}});
</script>

[genuine_carlosV2]

A ver, veamos... Si declaras una variable como 'var time = 30;', la variable 'time', tendrá el valor 30 de por vida. Lo que tienes que hacer es darle el valor que te da el slider. ¿Que valor te da el slider? Pues el valor que se le pasa a la función, es decir, 'v'. En otras palabras, sustituye 'var time = 30;' por 'time = v;'

[martajg]

Gracias por el interés. Probé el código pero no me funcionó aunque ya encontré la solución.

La dejo aquí por si le puede ayudar a alguien.

onSlide:function(v)
{
valorSlider( v );

},
onChange:function(v)
{
valorSlider( v );

}});

en el head:

function valorSlider( valor )
{
if (valor==1)
{
$('Editbox2').value="0h15m";
}
if (valor==2)
{
$('Editbox2').value="0h30m";
}
}

[martajg]

rectifico. La forma de hacerlo que me indicaste no sólo funciona sinó que me ahorra un montón de trabajo.

Gracias