🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Ellipsis Tooltip is a very small jQuery plugin that truncates long text strings to fit on one line, and displays the overflowing text in a tooltip on mouse hover.

Bootstrap text-truncate

Documentation

jQuery ellipsisTooltip plugin

Cuts long string and adds its content to tooltip.

Screenshot

ellipsisTooltip

Usage

$("#elementId").ellipsisTooltip([parameters]);

or just add data-ellipsis attribute to the element you want shorten:

<a href="#link" data-ellipsis="true">Shortened link</a>

[Parameters]

{   content: undefined, // custom html, in case we want to return modified markup   parent: $("#parentElement"), // custom parent   width: $("#parentElement"), // parent element width   resize: true, // bind window resize event   placement: "top", // bootstrap tooltip placement param (top||bottom||left||right)   container: "body", // bootstrap container param (parent for tooltip)   template: '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><div class="tooltip-inner" style="max-width: 250px; word-wrap: break-word"></div></div>', // tooltip markup }

You May Also Like