JavaScript Examples Bible - UserWorks Technologies

moveAbove(layerObject)
moveBelow(layerObject)
Compatibility ✓
Chapter 15 ✦ The NN4 Layer Object (Chapter 31)
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Example
You can see the layerObject.moveAbove() method at work in Listing 31-1.
moveBy(deltaX,deltaY)
moveTo(x,y)
moveToAbsolute(x,y)
Compatibility ✓
NN2 NN3 NN4 NN6 IE3/J1 IE3/J2 IE4 IE5 IE5.5
Example
Listing 31-11 shows a demonstration of the layerObject.moveTo() method. It
is a simple script that enables you to click and drag a layer around the screen. The
script employs the coordinate values of the mouseMove event; after compensating
for the offset within the layer at which the click occurs, the script moves the layer
to track the mouse action.
I want to present this example for an additional reason: to explain an important
user interface difference between Windows and Macintosh versions of NN4. In
Windows versions, you can click and hold the mouse button down on an object and
let the object receive all the mouseMove events as you drag the cursor around the
screen. On the Macintosh, however, NN4 tries to compensate for the lack of a second
mouse button by popping up a context-sensitive menu at the cursor position
when the user holds the mouse button down for more than just a click. To prevent
the pop-up menu from appearing, the engage() method invoked by the
onMouseDown event handler ends with return false.
Notice in the following listing how the layer captures a number of mouse events.
Each one plays an important role in creating a mode that is essentially like a
mouseStillDown event (which doesn’t exist in NN4’s event model). The mouseDown
event sets a Boolean flag (engaged) indicating that the user clicked down in the
463
document.layerObject.moveBy()