Keep the following code in the respective files.
.xul File
<browser id = “browser1″
type=”content-primary”
name=”content-primary”
src=”file:///Users/praveen/Desktop/Tooltip.html”
tooltip=”aHTMLTooltip”
flex=”1″ />
<tooltip id=”aHTMLTooltip” onpopupshowing=”return FillInHTMLTooltip(document.tooltipNode);”/>
.js File
function FillInHTMLTooltip(tipElement)
{
var retVal = false;
if (tipElement.namespaceURI == “http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul”)
return retVal;
const XLinkNS = “http://www.w3.org/1999/xlink”;
var titleText = null;
var XLinkTitleText = null;
while (!titleText && !XLinkTitleText && tipElement) {
if (tipElement.nodeType == Node.ELEMENT_NODE) {
titleText = tipElement.getAttribute(“title”);
XLinkTitleText = tipElement.getAttributeNS(XLinkNS, “title”);
}
tipElement = tipElement.parentNode;
}
var texts = [titleText, XLinkTitleText];
var tipNode = document.getElementById(“aHTMLTooltip”);
for (var i = 0; i < texts.length; ++i) {
var t = texts[i];
if (t && t.search(/\S/) >= 0) {
tipNode.setAttribute(“label”, t);
retVal = true;
}
}
return retVal;
}
technorati tags:mozilla, tooltips, tooltip, xul, browser
Blogged with Flock
