moveable Behavior

Adds a moveable control to the document.

Syntax

XML	<Prefix:CustomTag ID=sID STYLE="behavior:url('movable.htc')" />
HTML	<ELEMENT STYLE="behavior:url('movable.htc')" ID=sID>
Scripting	object.style.behavior = "url('movable.htc')"
	object.addBehavior ("movable.htc")

Possible Values

Prefix	Prefix used to associate CustomTag with a namespace. This prefix is set using the XMLNS attribute of the HTML element.
CustomTag	User-defined tag.
sID	String that uniquely identifies the object.

Members

moveable Members

Styles

moveable Styles

Remarks

The behavior-defined members listed in the preceding table are not accessible through script until the window.onload event fires. Waiting for this event to fire ensures that the page is completely loaded, that all behaviors have been applied to corresponding elements on the page, and, consequently, that all the behavior's properties, methods, and events are available for scripting. Attempting to use any of the behavior-defined members will result in a scripting error indicating that the object does not support that particular member.

The moveable behavior allows a Web author to specify that all contained HTML elements are moveable by the user.

The movable.htc file can be downloaded from the moveable sample page.

In addition to the members and styles previously listed, the moveable behavior supports:

• cursor

Example

This sample demonstrates the implementation of the moveable behavior.

<STYLE>
IE\:Moveable{
   behavior: url(/behaviors/movable.htc) ;
   width : 33%;
}

</STYLE>

<IE:Moveable
   ID = "oMoveMe"
>
<SPAN>Object and Text Moves!</SPAN>
</IE:Moveable>

This feature requires Internet Explorer 5 or later. Click the icon below to install the latest version. Then reload this page to view the sample.

See Also

DHTML Behaviors, Using DHTML Behaviors