How to drag an object in case like this?

Question

Hi, with the little I know about Action script after reading and following a book I decided to exercise on my own by trying to drag on object that changes its 2 children when the mouse clicks. I'm sure there are much better  ways to do that but nevertheless I expected my script to give expected results but it doesn't. The problem is that when I create/change the children by clicking they don't appear under the mouse but at some different offsets depending on where the clicking is. Why is it doing this?
function makeBox():void {
     box = new Shape;
     box.name = "Box";
     box.graphics.beginFill(0x66FF00);
     box.graphics.lineStyle(5, 0x6600CC);
     box.graphics.drawRect(mouseX, mouseY, 50, 50);
function makeOval():void {
     oval = new Shape;
     oval.name = "Oval";
     oval.graphics.beginFill(0xFF3300);
     oval.graphics.lineStyle(3, 0xFFFFFF);
     oval.graphics.drawCircle(mouseX, mouseY, 25);
var box:Shape;
var oval:Shape;
var Clip:MovieClip = new MovieClip;
addChild(Clip);
stage.addEventListener(MouseEvent.MOUSE_DOWN, onClicking, false, 0, true);
function onClicking(some:MouseEvent):void {
          if (Clip.numChildren == 0) {
               makeOval();
               Clip.addChild(oval);
          } else if (Clip.getChildAt(0) == oval) {
               makeBox();
               Clip.addChild(box);    
               Clip.removeChild(oval);
          } else {
               makeOval();
               Clip.addChild(oval);
               Clip.removeChild(box);
     Clip.startDrag();         
I will greatly appreciate your help

Answer 1

I haven't deduced why as yet, but the following revision of your function code appears to do what I believe you expected you'd see...
function onClicking(some:MouseEvent):void {
    if (Clip.numChildren == 0) {
               makeOval();
               Clip.addChild(oval);
          } else if (Clip.getChildAt(0) == oval) {
               makeBox();
                box.x = -Clip.x;
                box.y = -Clip.y;
               Clip.addChild(box);    
               Clip.removeChild(oval);
          } else {
               makeOval();
                oval.x = -Clip.x;
                oval.y = -Clip.y;
               Clip.addChild(oval);
               Clip.removeChild(box);
     Clip.startDrag();
I played with numerous aspects before coming to this conclusion.  The change I made is based on observing that wherever I click on the stage relative to the 0,0 axis of the stage becomes the position of the added Child relative to the place where I clicked ... you have to watch it to see what I mean, but if I click at 100,100, Then the objects lands 100,100 from that point (200,200). I may play with it more, but I may wait to see if kGlad or someone else stops in and knows right off what's at play here.