Click or drag to resize
KaxTabControlOnClientMouseOver Property
Gets or sets a value indicating the client-side event handler that is called when the mouse hovers a tab in the KaxTabControl 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 a tab with the mouse.

Two parameters are passed to the handler:

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

<script language="javascript">
function ClientMouseOverHandler(sender, eventArgs)
{
var tabControl = sender;
var tab = eventArgs.get_tab();
var domEvent = eventArgs.get_domEvent();

alert("You have just moved over the " + tab.get_text() + " tabs in the " + tabControl.get_id() + " tabcontrol");
alert("Mouse coordinates: " + domEvent.clientX + ":" + domEvent.clientY);
}
</script>

<kettic:KaxTabControl id="KaxTabControl1" runat="server" OnClientMouseOver="ClientMouseOverHandler">
<Tabs>
<kettic:KaxTab Text="Personal Details"></kettic:KaxTab>
<kettic:KaxTab Text="Education"></kettic:KaxTab>
<kettic:KaxTab Text="Computing Skills"></kettic:KaxTab>
</Tabs>
</kettic:KaxTabControl>

See Also