Comments on: Fading JavaScript Tooltips 2kb

By: Hgboyle

Hgboyle — Thu, 05 Apr 2012 15:13:00 +0000

Has anyone sorted out the issue with scrolling on IE. If you scroll down the tooltips remain where there are!

By: Nestor Peña

Nestor Peña — Thu, 09 Jun 2011 05:58:00 +0000

Hi Michael and thanks,

I have a problem with this script when I use it over with the sortable script as the tooltip appears behind the table with sortable script, as I can make it appear on the table?

By: Marie

Marie — Wed, 04 May 2011 15:33:00 +0000

Is there a way to not have the tooltip follow the cursor?

By: 制作メモ – 簡単ツールチップ – NonTitle

制作メモ – 簡単ツールチップ – NonTitle — Tue, 22 Mar 2011 11:52:26 +0000

[...] 参考サイト [...]

By: Jez

Jez — Sat, 16 Jan 2010 22:32:47 +0000

Hello and thanks
I added support for automate this on span-elements with a specific class name during the page onload:

//Page
Info text goes here…
Another info text goes here…

//CSS
.ToolTip {cursor:help; width:16px; height:16px;display:block;background:url(images/help.png);font-size:0%;line-height:1px;overflow:hidden;}

//JS
window.onload = function () {
var myArray = getElementsByClassName(document, "span", "ToolTip");
for ( var i=0, len=myArray.length; i myArray[i].onmouseover = function () {
tooltip.show(this.innerHTML);
};
myArray[i].onmouseout = function () {
tooltip.hide();
};
}
};

function getElementsByClassName(oElm, strTagName, strClassName){
var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
var arrReturnElements = new Array();
strClassName = strClassName.replace(/\-/g, "\\-");
var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
var oElement;
for(var i=0; i oElement = arrElements[i];
if(oRegExp.test(oElement.className)){
arrReturnElements.push(oElement);
}
}
return (arrReturnElements)
};

By: Star Config Web Design

Star Config Web Design — Sat, 09 Jan 2010 03:22:13 +0000

It is really great script, thank you for letting us know, looks good and easy to work with.