TIWCGJQTooltipOptions Class

Initializes a new instance of the TIWCGJQTooltipOptions class. (Overrides TIWCGJSon.CreateSingle(TPersistent,string).)

It sets the Bubble Popup alignment along the side of the target element;possible values are’left’, ‘center’ or ‘right’ when position is ‘top’ or ‘bottom’otherwise ‘top’, ‘middle’ or ‘bottom’ when position is ‘left’ or ‘right’

If it’s true, the Bubble Popup maintains the position and alignment if it’s possible, also when the browser window is resized; otherwise the plugin changes (or restore back) the Bubble Popup’s position to make it always visible in the browser’s viewport, this works as well when browser window is resized.

It sets the base class name saved in the CSS file “jquery-bubble-popup.css”;generally You don’t need to edit this option, it is only useful if other CSS classes declared inside the document interfere with the main class of the Bubble Popup;in this case, You will need only to choose a new valid name for the base class and set this option with it, then You need to replace all occurrences of the base class name “jquerybubblepopup” inside the “jquery-bubble-popup.css” file with the new name. See the Template System for more information.

it sets a delay in milliseconds when the Bubble Popup is closing.

It sets the closing speed.

It sets the distance of the point from which the Bubble Popup comes

It is an object that contains CSS properties as {color: ‘#000000', margin:’0px’}the CSS properties inside this object will be added to the main <DIV> tag in the markup template;by default it is an empty object.

Drop the shadow (true) or not (false) for the Bubble Popup.

It sets the height of the Bubble Popup, an integer “10? or a string as “10px” is accepted;this option sets a CSS height property for the main <TABLE> in the markup template.

Insert in the array all IDs of the elements that You want to hide; it is useful if any element interfere with a Bubble Popup. By default, it is an empty array.

The inner text inside the Bubble Popup, it can contains HTML tags.

It is an object that contains CSS properties as {color: ‘#000000', margin:’0px’}the CSS properties inside this object will be added to the <TD> tag container with “{BASE CLASS}-innerHtml” as class attribute in the markup template; by default it is an empty object.

By default, mouseout and mouseover events are automatically managed, however you can disable it and set this option to false; in this case, you’ll need to declare mouseover and mouseout events manually in your code for each target DOM element with a Bubble Popup. Disabling manageMouseEvents is useful when you need to develop customized functions to show or hide the Bubble Popup or to get the full control over that, however you will lose all the checkings that the plugin is running to position and align the popup, so be careful when you turn off this feature.If you need to add customized mouseover or mouseout events to the target element, you don’t need to disable managed events, because they do not affect managed events, then just add them with jQuery syntax as $(‘#element’).mouseover(function(){ … }); Note:when manageMouseEvents is false, the following functions don’t take effect:

.FreezeBubblePopup()

.FreezeAllBubblePopups()

.UnfreezeBubblePopup()

.UnfreezeAllBubblePopups()

also the following options don’t take effect:

mouseOver

mouseOut

It adds a managed mouseout event to the target DOM elementassociated with the Bubble Popup;possible values are ‘show’ or ‘hide”show’ : when mouse is out the target element, show the Bubble Popup associated with it’hide’ : when mouse is out the target element, hide the Bubble Popup associated with it

It adds a managed mouseover event to the target DOM elementassociated with the Bubble Popup;possible values are ‘show’ or ‘hide”show’ : when mouse is over the target element, show the Bubble Popup associated with it’hide’ : when mouse is over the target element, hide the Bubble Popup associated with it

It sets a callback function to execute when Bubble Popup is closed

It sets a callback function to execute when Bubble Popup is opened; You can set it as$(‘.button’).CreateBubblePopup({innerHtml: ‘This is a Bubble Popup!’,afterShown: function(){alert(‘Bubble Popup is open!’);}});

It sets a delay in milliseconds when the Bubble Popup is opening.

It sets the opening speed.

It sets the Bubble Popup on the left, top, right or bottom side of the target element;possible values are’left’, ‘top’, ‘right’ or ‘bottom’.

When the mouse is over the target element, a bubble popup appears; then, if “selectable” is true you will be able to select the content inside it; if the mouse goes out of the button OR the bubble, the popup will be closed.By default, this option is false, then you will not be able to select the content because when the mouse is immediately out of the button, the popup will be closed.

It is an object that contains CSS properties as {color: ‘#000000', margin:’0px’}the CSS properties inside this object will be added to the main <TABLE> tag in the markup template;by default it is an empty object.

“tail” is an object that contains the following properties for the Bubble Popup’s tail “align” (String) option sets the alignment for the tail and possible values are’left’, ‘center’ or ‘right’ when Bubble Popup’s position is ‘top’ or ‘bottom’ otherwise ‘top’, ‘middle’ or ‘bottom’ when position is ‘left’ or ‘right’; “hidden” (Boolean) option can be true or false and toggle on or off the tail’s image.

It is an object that contains the following properties “total” is the total margin from the target element “difference” is the margin difference edit “themeMargins” attributes only if you need to edit or create a new theme; See the Template System for more information.

It sets the theme for the Bubble Popup; all the themes are saved inside the folder “jquerybubblepopup-theme/” ; possible values are:azure, black, blue, green, grey, orange, violet, yellow, all-azure, all-black, all-blue, all-green, all-grey, all-orange, all-violet, all-yellow

it sets the relative path of the folder that contains all the themes

Represents property Tooltip.

It sets the width of the Bubble Popup, an integer “10? or a string as “10px” is accepted;this option sets a CSS width property for the main <TABLE> in the markup template.

Represents method CreateBubblePopupByID(string,TIWCGJQTooltipOptions).

Represents method CreateBubblePopupBySelector(string,TIWCGJQTooltipOptions).

Represents method DestroyBubblePopupByID(string).

Represents method HideBubblePopupByID(string).

Represents method HideBubblePopupBySelector(string).

It shows a Bubble Popup by ID that is associated to the first element in the set of matched elements.

It creates a Bubble Popup by ID for each DOM element in the set of matched elements, with default options.

It creates a Bubble Popup by Selector for each DOM element in the set of matched elements, with default options.

Represents method jsDestroyBubblePopupByID(string).

The function hides a Bubble Popup by ID that is associated to the first element in the set of matched elements.

The function hides a Bubble Popup by Selector that is associated to the first element in the set of matched elements.

Represents method jsSetBubblePopupInnerHtml(string,string,boolean).

Represents method jsSetBubblePopupOptions(string,ISuperObject).

The function shows all Bubble Popups by ID that are associated to each element in the set of matched elements.

The function shows all Bubble Popups by Selector that are associated to each element in the set of matched elements.

It shows a Bubble Popup by Selector that is associated to the first element in the set of matched elements.

The function sets permanently the “innerHtml” of all Bubble Popups associated to the elements in the set of matched elements; It takes an optional parameter to know if the new “innerHtml” must be saved permanently or not, by default is true. Note: before using this function, you must call the function .CreateBubblePopup()

The function sets new options or replace entirely old options with the new ones of all Bubble Popups associated to the elements in the set of matched elements. Note1: before using this function, you must call the function .CreateBubblePopup() Note2: new options do not inherit settings from old options

Represents method ShowAllBubblePopupsById(string).

Represents method ShowAllBubblePopupsBySelector(string).

Represents method ShowBubblePopupByID(string,TIWCGJQTooltipOptions).

Represents method ShowBubblePopupBySelector(string,TIWCGJQTooltipOptions).