# Realtime update slider component

**URL:** <https://forum.kirupa.com/t/realtime-update-slider-component/300973>\
**Category:** Uncategorized\
**Created:** [December 1, 2009, 5:18pm UTC](https://forum.kirupa.com/t/realtime-update-slider-component/300973 "2009-12-01T17:18:09Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![Dalie](https://avatars.discourse-cdn.com/v4/letter/d/a6a055/32.png) [@Dalie](https://forum.kirupa.com/u/Dalie)\
**Post date:** [December 1, 2009, 5:18pm UTC](https://forum.kirupa.com/t/realtime-update-slider-component/300973/1 "2009-12-01T17:18:09Z")

</div>

hi,  
i was working with the slider component (just for a very quick flash application) but i didn’t seem to be able to get it working in “real time” only upon releasing the left mouse button… (or OFC 😃 without creating a custom slider with one of your awesome tutorials floating around here). i’m still wondering how i could get this job done…

```auto
import fl.events.SliderEvent;

samScale.text = "now: 5";
samSlider.value = 5;
samSlider.addEventListener(SliderEvent.CHANGE, samResize);

function samResize (event:SliderEvent):void {
    stage.frameRate=30;

    samScale.text = "NU: " + event.target.value;
        arSam.scaleX = event.target.value / 5;
        arSam.scaleY = event.target.value / 5;
}

```

i did find anther solution, but still don’t get it what i did wrong…

```auto

import fl.controls.Slider;
import fl.controls.TextArea;
import fl.events.SliderEvent;

var mySlider:Slider = new Slider();
    mySlider.liveDragging = true;
    mySlider.minimum = 0;
    mySlider.maximum = 10;
    mySlider.value = 2;
    mySlider.tickInterval = 1;
    mySlider.width = 120;
    mySlider.move(10, 65);
    mySlider.addEventListener(SliderEvent.CHANGE, changeHandler);
addChild(mySlider);

function changeHandler(event:SliderEvent):void {
        samScale.text = "NU: " + event.target.value;
        arSam.scaleX = event.target.value / 5;
        arSam.scaleY = event.target.value / 5;
}

```
