Patch for slow spry tooltips

Question

On larger pages with several tooltips on classes, the page
takes a long time to finish all of the javascript initialization.
This turns out to be caused by the time it takes spry to search the
DOM for objects with matching class names. I patched my copy of
SpryTooltip.js to add an option that allows you to restrict the
search to only certain types of objects. In my case, my tooltips
are always attached to img elements. So, I added a "triggerTag"
option to the tooltip constructor. This change helped reduce the
initialization from over 10 seconds down to less than 1.
Here's my modified call to constructing a tooltip:
new Spry.Widget.Tooltip('tooltip1', '.tooltip1', {hideDelay:
600, closeOnTooltipLeave: true, offsetX: "10", offsetY: "20",
useEffect: 'Fade',
triggerTag: 'img'});
The getElementsByClassName function in SpryTooltip.js is
modified to take a second argument that limits what tags get
searched:
quote:
Spry.Widget.Utils.getElementsByClassName = function(sel,
tagName)
var childs = parents[j][k].getElementsByTagName(tagName);
And then the Spry.Widget.Tooltip.prototype.init function is
modified so that options get initialized before the call to
Utils.setOptions. Then, this new tagName variable is passed to the
modified getElementsByClassName method.
quote:
Spry.Widget.Tooltip.prototype.init =
function(trigger_element, tooltip_element, options)
var Utils = Spry.Widget.Utils;
options.showDelay =
parseInt(Utils.firstValid(options.showDelay, 0), 10);
options.hideDelay =
parseInt(Utils.firstValid(options.hideDelay, 0), 10);
this.listenersAttached = false;
this.hoverClass = "";
this.followMouse = false;
this.offsetX = 15;
this.offsetY = 15;
this.closeOnTooltipLeave = false;
this.useEffect = false;
this.triggerTag = '*';
Utils.setOptions(this, options);
this.triggerElements =
Utils.getElementsByClassName(trigger_element, this.triggerTag);
this.tooltipElement = Utils.getElement(tooltip_element);
if (typeof this.triggerElements == 'undefined' ||
!(this.triggerElements.length > 0))
this.showError('The element(s) "' + trigger_element + '" do
not exist in the page');
return false;
if (typeof this.tooltipElement == 'undefined' ||
!this.tooltipElement)
this.showError('The element "' + tooltip_element + '" do not
exists in the page');
return false;
this.animator = null;

Answer 1

Hi PBSOakley,
You've  posted your question in a forum for BrowserLab, a web service for  cross-browser testing of web pages. I think you'll have much better luck  if you repost your question in the Spry forums here:http://forums.adobe.com/community/labs/spry
Hope this helps,
Mark