Using getXY
/*margin and padding on body element
can introduce errors in determining
element position and are not recommended;
we turn them off as a foundation for YUI
CSS treatments. */
body {
margin:0;
padding:0;
}
#foo {
background-color:#00f;
height:10px;
width:10px;
}
#bar {
background-color:#f00;
height:100px;
width:100px;
margin:0 100px 1em;
}
Using getXY
Clicking the button will use Dom's getXY method to get the position of the red element and pass it to the setXY method, which will move the blue element to that position.