cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync<div id="mygraphiccontainer"></div>

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync<script>

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync YUI().use('graphics', 'dd-drag', function (Y)

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync {

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync var mygraphic = new Y.Graphic({render: "#mygraphiccontainer"});

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync var myrect = mygraphic.getShape({

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync type: "rect",

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync stroke: {

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync color:"#000",

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync weight: 1

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync },

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync fill: {

cf22150eaeeb72431bf1cf65c309a431454fb22bvboxsync color: "#fc0"

},

width:40,

height:50

});

var mydrag = new Y.DD.Drag({

node: myrect

});

});

</script>