tooltip

$(selector).tooltip({options});

jQuery plugin (jquery.tooltip.js) used to create tooltips.


Example 1

Default tooltip using content from the title attribute of an <a> element. The height and width are set to be 100% of the containing content of the tooltip.

mouseover me

required | optional | not used


attributeName - datatype:string, default:'title'
borderColor - datatype:string, default:'#ccc'
borderSize - datatype:string, default:'1'
cancelClick - datatype:boolean, default:0
followMouse - datatype:boolean, default:1
height - datatype:string, default:'auto'
hoverIntent - datatype:object default:{sensitivity:7,interval:100,timeout:0}
loader - datatype:boolean, default:0,
loaderHeight - datatype:number, default:0
loaderImagePath - datatype:string, default:empty string,
loaderWidth - datatype:number, default:0
positionTop - datatype:number, default: 12
positionLeft - datatype:number, default: 12
width - datatype:string, default:'auto'
titleAttributeContent - datatype:string, default:empty string,
tooltipBGColor - datatype:string, default:'#fff'
tooltipBGImage - datatype:string, default:'none'
tooltipHTTPType - datatype:string, default:'get', possible options: get | post
tooltipPadding - datatype:number, default:10
tooltipSource - datatype:string, default:'attribute', possible options: inline | ajax | attribute
tooltipSourceID - datatype:string, default:empty string
tooltipSourceURL - datatype:string, default:empty string
tooltipID - datatype:string, default:'tooltip'

Example 2

Tooltip applied to an input element using content from an ajax call. The height and width are fixed dimensions (px's).

required | optional | not used


attributeName - datatype:string, default:'title'
borderColor - datatype:string, default:'#ccc'
borderSize - datatype:string, default:'1'
cancelClick - datatype:boolean, default:0
followMouse - datatype:boolean, default:1
height - datatype:string, default:'auto'
hoverIntent - datatype:object default:{sensitivity:7,interval:100,timeout:0}
loader - datatype:boolean, default:0,
loaderHeight - datatype:number, default:0
loaderImagePath - datatype:string, default:empty string,
loaderWidth - datatype:number, default:0
positionTop - datatype:number, default: 12
positionLeft - datatype:number, default: 12
width - datatype:string, default:'auto'
titleAttributeContent - datatype:string, default:empty string,
tooltipBGColor - datatype:string, default:'#fff'
tooltipBGImage - datatype:string, default:'none'
tooltipHTTPType - datatype:string, default:'get', possible options: get | post
tooltipPadding - datatype:number, default:10
tooltipSource - datatype:string, default:'attribute', possible options: inline | ajax | attribute
tooltipSourceID - datatype:string, default:empty string
tooltipSourceURL - datatype:string, default:empty string
tooltipID - datatype:string, default:'tooltip'

Example 3

Tooltip applied to a span element using content from an inline div hidden on the page. The height and width are fixed dimensions (px's).

mouseover me

Inline Content

Consequat ea Investigationes in enim congue. Option velit volutpat quod blandit ex. Congue parum praesent aliquam nam clari. Qui praesent quam sollemnes id vulputate. In imperdiet diam at sequitur et. Minim delenit in dolor dolore typi. Erat delenit laoreet quinta videntur id. Ii at qui eum ut usus. Quis etiam suscipit iusto elit dolor. Dolor congue eodem adipiscing cum placerat.

required | optional | not used


attributeName - datatype:string, default:'title'
borderColor - datatype:string, default:'#ccc'
borderSize - datatype:string, default:'1'
cancelClick - datatype:boolean, default:0
followMouse - datatype:boolean, default:1
height - datatype:string, default:'auto'
hoverIntent - datatype:object default:{sensitivity:7,interval:100,timeout:0}
loader - datatype:boolean, default:0,
loaderHeight - datatype:number, default:0
loaderImagePath - datatype:string, default:empty string,
loaderWidth - datatype:number, default:0
positionTop - datatype:number, default: 12
positionLeft - datatype:number, default: 12
width - datatype:string, default:'auto'
titleAttributeContent - datatype:string, default:empty string,
tooltipBGColor - datatype:string, default:'#fff'
tooltipBGImage - datatype:string, default:'none'
tooltipHTTPType - datatype:string, default:'get', possible options: get | post
tooltipPadding - datatype:number, default:10
tooltipSource - datatype:string, default:'attribute', possible options: inline | ajax | attribute
tooltipSourceID - datatype:string, default:empty string
tooltipSourceURL - datatype:string, default:empty string
tooltipID - datatype:string, default:'tooltip'

Possible upgrades