move movieClip within a range

I have 2 lines that are representing a range that the clip can move within a boundary if you like. My lines are named "left" and "right". What I'm trying to do is move the movieclip based on the mouseX but the mouseX should only move it within the range or boundaries.

Here is what I have so far.

Code:

---


var cp : Number = left.x + (right.x - left.x) / 2;
addEventListener(Event.ENTER_FRAME, onLoop);
var sx : Number = sq.x;

function onLoop( evt : Event ) : void
{
        var dx : Number = cp - mouseX;
        var range = right.x - left.x ;
        sq.x = dx
        //trace("dx = "+(dx ));
}

---

I have tried a few different ideas inside the above code but its driving me nuts when it seems like something very easy. The MovieClip should move based on the mouseX but should only move within the left and right clips as boundaries.

just put there what you said in words. assuming your clip is originally in range, you could wrote it like this:

Code:

---

var dx:Number = cp - mouseX;
// the mouseX should only move it within the range
if ((dx > left.x) && (dx < right.x)) {
    // move the movieclip based on the mouseX
    sq.x = dx;
}

---

Thanks realMakc for the reply. I posted this on another forum also and got a great reply. Here is the reply that worked for me in-case anyone else needs this.

convert the mouse position to a percentage

flip percentage

multiply percentage by the distance between both lines (considering registration point)

Code:

---

//left and right lines, remember these must be relative to the registration point of the box
var lft:Number = 50;
var rght:Number = 550;

//this assumes the stage is aligned "TL"
var per:Number = stage.mouseX / stage.stageWidth;
per = 1 - per;//flip it because you're flipping the direction 0.5 will still yield 0.5

var ix:Number = lft + (rght - lft) * per;
ix = Math.min( rght, Math.max( lft, ix ) );

myBox.x = ix;

---

Thanks again for the help.