Click or drag to resize
KaxToolBarOnClientMouseOver Property
Gets or sets a value indicating the client-side event handler that is called when the mouse hovers an item in the KaxToolBar control.

Namespace: Kettic.AspNet.Controls
Assembly: Kettic.AspNet.Controls (in Kettic.AspNet.Controls.dll) Version: 2014.4.1129.0 (2014.04.1129.0)
Syntax
public string OnClientMouseOver { get; set; }

Property Value

Type: String
A string specifying the name of the JavaScript function that will handle the event. The default value is empty string.
Remarks

Use the OnClientMouseOver property to specify a JavaScript function that is called when the user hovers an item with the mouse.

Two parameters are passed to the handler:

  • sender (the client-side KaxToolBar object);
  • eventArgs with two properties
    • item - the instance of the toolbar item that is being hovered
    • domEvent - the reference to the browser DOM event
Examples
The following example demonstrates how to use the OnClientMouseOver property.

<script language="javascript">
function onClientMouseOver(sender, eventArgs)
{
var toolBar = sender;
var item = eventArgs.get_item();
var domEvent = eventArgs.get_domEvent();

alert(String.format("You have just moved over the {0} item in the {1} toolBar", item.get_text(), toolBar.get_id());
alert(String.format("Mouse coordinates: \n\nx = {0};\ny = {1}", domEvent.clientX, domEvent.clientY));
}
</script>

<kettic:KaxToolBar id="KaxToolBar1" runat="server" OnClientMouseOver="onClientMouseOver">
<Items>
<kettic:KaxToolBarButton Text="Bold"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Italic"></kettic:KaxToolBarButton>
<kettic:KaxToolBarButton Text="Underline"></kettic:KaxToolBarButton>
</Items>
</kettic:KaxToolBar>

See Also