Untitled Application Desktop [conLeft],[contHeight],[conTop],[contWidth],[t1],[t2] True 1280 800 False False False WebApp False en [AndroidOS,iOS,WindowsPhoneOS] normal True True False True True False False True False False drawBox move setContainer

let show = 0;

// key up key down function
//you can change to any key here by change number 17 to right number key you need

window.addEventListener("keydown", function(event) {

         if (event.keyCode == 17) {



         $scope.ShowObject("Container2","",0);
         $scope.ObjectToFront ("Container2");

    }
}, false);

window.addEventListener("keyup", function(event) {

        if (event.keyCode == 17) {



        $scope.HideObject("Container2","",0);



    }
}, false);

/////////////////////////////////////////////////////////////////////////////////////////
var getContX;
var getContY;
var setContX;
var setContY;
var mousePosition;
var offset = [0,0];
var div = Container2
var isDown = false;


Container2.addEventListener('mousedown', function(e) {

  x = e.offsetX;
  y = e.offsetY;
  
  getContX = neo3dGetTranslation("Container1","x");
  getContY = neo3dGetTranslation("Container1","y");


    isDown = true;
    offset = [
        getContX - e.clientX,
        getContY - e.clientY

    ];
}, true);

Container2.addEventListener('mouseup', function() {
    isDown = false;
}, true);

Container2.addEventListener('mousemove', function(event) {
    event.preventDefault();
    if (isDown) {
        mousePosition = {

            x : event.clientX,
            y : event.clientY

        };
        setContX = (mousePosition.x + offset[0]);
        setContY  = (mousePosition.y + offset[1]);
        neo3dTranslateAxis("Container1",setContX,"x");
        neo3dTranslateAxis("Container1",setContY,"y");
    }
}, true);

/////////////////////////////////////////////////////////////////////////////////////

JavaScript

.function to put mask container under main container and match their sizes


GetObjectInfo "Container1" "height" [contHeight]

GetObjectInfo "Container1" "width" [contWidth]

SizeObject "Container2" [contWidth] [contHeight]

...

GetObjectInfo "Container1" "top" [conTop]

GetObjectInfo "Container1" "left" [conLeft]

MoveObject "Container2" [conLeft] [conTop]

...

GetObjectHTML "Container1" [t2]

GetObjectHTML "Container2" [t1]

SetObjectHTML "Container2" "[t2]"

neo3dInitialize "Container1" 1

neo3dEnableDrag "Container1"

neo3dDrawBox "Container1" "el1" "" "" "50" "50" "50" "red" "red" "red" "red" "red" "red"

710px 141px 346px 350px move 28px 138px 540px 600px 74px 75px 243px 35px click ctrl to enable drag move 725px 80px 337px 51px you can make it any size and of the table. but keep it visible and enable 62px 33px 365px 87px main container 736px 29px 365px 50px mask container 0px 0px 1280px 800px False