Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Table of Contents
Using Client Side Interface

Overview

EO.Web ToolBar provides both server side interface and client side (JavaScript) interface. Some features can be accessed through both interfaces. This section covers how to accomplish the following tasks through client side interface:

Update ToolTip Contents

Associate the ToolTip to Any Element

Update ToolTip Contents

To update ToolTip contents with JavaScript, call the client side setHeaderHtml or setBodyHtml method. For example, the following code creates a ToolTip like this:

JavaScript
Copy 
//Get the client side ToolTip object
var toolTip = eo_GetObject("ToolTip1");

//Set the ToolTip's header HTML
toolTip.setHeaderHtml("<b>Item Details</b>");

//Set the ToolTip's body HTML
toolTip.setBodyHtml("<p>Portable Countertop Ice Maker<br />Price: $113.00</p>");

Associate the ToolTip to Any Element

You can call client side attach method to dynamically associate a ToolTip control to any DHTML element. For example, the following code automatically associates ToolTip control "ToolTip1" to the grid cell when user moves mouse over a grid cell:

Copy 
<eo:Grid ClientSideOnCellOver="on_cell_over" ....>
    .....
</eo:Grid>