View
Source

This is the tooltip1 trigger element.

This is the tooltip1 element.

This is the tooltip2 trigger element.

This is the tooltip 2 element.

Handler

<cffunction name="dspToolTip" access="public" returntype="void" output="false">
    <cfargument name="Event" type="coldbox.system.beans.requestContext">
    <cfset var spry = getPlugin("Spry",true)>
    <cfset spry.setToolTip("toolTip1","toolTip1_trigger")>
    <cfset spry.setToolTip("toolTip2")>
    <cfset Event.setView("spryExample/toolTip")>        
</cffunction>

View

<div id="toolTip1_trigger">This is the tooltip1 trigger element.</div>
<div id="toolTip1" style="background-color:yellow;border: solid 1px black;padding:3px;">This is the tooltip1 element.</div>
<br />
<div id="toolTip2_trigger">This is the  tooltip2 trigger element.</div>
<div id="toolTip2" style="background-color:yellow;border: solid 1px black;padding:3px;">This is the tooltip 2 element.</div>