Theta Homeroom How-to:
Layers and Behaviors

This how-to file contains instructions for making layers dragable.

 

Making Layers Draggable

Create one or more layers. You can put whatever you want into the layers: graphics, text, etc.

You might notice some funny symbols at the top of your page. They won't appear on the finished web page; they are just to represent the layers you have created.

Open the Behaviors Window

The behavior for dragging a layer is added to the <body> tag. Click up at the top of your page, so that the <body> tag shows in the behavior window.

From the drop-down menu, choose Drag Layer.

Choose the layer you want to drag

One of the Advanced options is to bring the layer in front of all the other layers while dragging.

You can choose to have the layer remain on top after the drag is over, or go back to the stacking order that it originally had.

After clicking on OK, make sure the action is onLoad.

Add the Drag Layer action for each layer in your web page that is to be draggable. Make sure that the <body> tag is still selected.

When finished, save your web page and test it in a browser.

 
The contents of the Web Institute for Teachers website are Copyright 1999-2003, University of Chicago. No one may print, copy, or otherwise reproduce these materials without the express written permission of the Director of the Web Institute for Teachers.
The current time is June 29, 2003, 8:21 pm, CDT. This page was last updated at 12:00 pm on June 23, 2003, by meb. It has had 27 visitors.
Please use the Feedback button to tell us how you like this page.