Using Slider to Change Font Size

[DAZ]

Hi,

I'm trying to use a slider to change the font size of a heading. I
have this code at the moment:

".rui-slider".onChange (event) ->
$('title').setStyle('font-size', event.getValue())

Unfortunately this doesn't change the size of the font. If I change
event.getValue() to a fixed value it works, so it seems that I just
need how to access the value that the slider is returning. How do I
get this?

thanks,

DAZ

[Nikolay Nemshilov]

Hi DAZ,

Event is just an event, you need to address the `event.target` to get the slider object.

Then, you also can refer to it via `this` because the callbacks are called in the context of your element, kind of like that

".rui-slider".onChange -> $('title').setStyle('font-size', this.getValue());

--

Cheers,

Nikolay

--
You received this message because you are subscribed to the Google Groups "RightJS" group.
To post to this group, send email to rig...@googlegroups.com.
To unsubscribe from this group, send email to rightjs+u...@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/rightjs?hl=en.

[DAZ]

Thanks Nik,

I also figured out that I needed some units!

".rui-slider".onChange -> $('title').setStyle('font-size',

this.getValue()+"px");

cheers,

DAZ

[Nikolay Nemshilov]

No worries

--

Thanks,

Nikolay

[DAZ]

Is there any way to get the slider to work on a touch screen?

cheers,

DAZ