Share via

MOVEMENT Attribute | movement Property

  • Article

Sets or retrieves a value that indicates whether the Toolbar object can be docked and/or moved.

Syntax

HTML <namespace:TOOLBAR MOVEMENT = sMovement... >
Scripting TOOLBAR.movement [ = sMovement ]

Possible Values

namespace Prefix that associates a custom tag with an XML namespace. This prefix is set using the XMLNS attribute of the html tag.
sMovement String that specifies or receives whether the Toolbar object can be docked and/or moved.
move
Object can be moved but cannot be docked.
move-dock
Object can be moved and object will dock when it comes near the perimeter of the client area.

The property is read/write. The property has no default value.

Example

The following example shows how to use the movement property to determine if the Toolbar object can be moved and/or docked.


<html xmlns:mytb>

<?import namespace="mytb" implementation="toolbar.htc">

<HEAD>
<LINK REL="stylesheet" HREF="/workshop/samples/samples.css" TYPE="text/css">

<SCRIPT>
function fnChangeMovementValue()
{
    oToolBar.movement = event.srcElement.value;
}
</SCRIPT>
</HEAD>
<BODY>
move
<INPUT onclick="fnChangeMovementValue()" TYPE="RADIO" NAME="oMovement" 
VALUE="move" CHECKED>
<BR>
dock
<INPUT onclick="fnChangeMovementValue()" TYPE="RADIO" NAME="oMovement" 
VALUE="dock">
<BR>
move-dock
<INPUT onclick="fnChangeMovementValue()" TYPE="RADIO" NAME="oMovement" 
VALUE="move-dock">
<BR>
<P>
<mytb:toolbar id="oToolBar" movement="move" style="left:100">
<mytb:toolbargripper />
<mytb:toolbarbutton imageUrl="tool-mail.gif"/>
<mytb:toolbarseparator />
<mytb:toolbarbutton imageUrl="tool-reply.gif" Text="Reply" title="Reply"/>
<mytb:toolbarbutton imageUrl="tool-reply_all.gif" Text="Reply All" title="Reply to All" 
DefaultStyle="font-weight:bold" HoverStyle="color:blue" SelectedStyle="color:red"/>
<mytb:toolbarbutton imageUrl="tool-forward.gif" Text="Forward" title="Forward" 
DefaultStyle="font-style:italic" />
<mytb:toolbarseparator />
<mytb:toolbarbutton accesskey="m" onclick="alert('Hello World')">Click <u>M</u>e
</mytb:toolbarbutton>
</mytb:toolbar>
</BODY>
</HTML>

Code example: https://samples.msdn.microsoft.com/workshop/samples/webcontrols/toolbar/movement.htm

Applies To

TOOLBAR

See Also

Internet Explorer WebControls, About the Toolbar WebControl