JavaScript - Unable To Get Popup Help To Work For <textarea>

function eltMouseOver()

{

    // if there is already a help division displayed, hide it

    if (helpDiv)

    {

	helpDiv.style.display	= 'none';

	helpDiv			= null;

    }



    // in some cases the mouseover event is against the table cell

    // containing the input element.  Locate the first element node

    // under the cell to display help for

    if (this.nodeName == 'TD')

    {		// mouseover defined for the cell containing the element

	for (var i = 0; i < this.childNodes.length; i++)

	{	// loop through children of this

	    var	cNode	= this.childNodes[i];

	    if (cNode.nodeType == 1)

	    {	// element

		helpElt	= cNode;

		break;

	    }	// element

	}	// loop through children of this

    }		// mouseover defined for the cell containing the element

    else

	helpElt		= this;

    helpDelayTimer	= setTimeout(popupHelp, 2000);

}		// eltMouseOver



function popupHelp()

{

    displayHelp(helpElt);

}		// popupHelp


function displayHelp(elt)

{

    var helpDivName	= "";

    try {

	// the help division name may be supplied by an explicit private

	// attribute "helpDiv"

	if (elt.helpDiv)

	    helpDivName	= elt.helpDiv;

	else

	if (elt.name && elt.name.length > 0)

	{	// element has a name

	    if (elt.name.substring(elt.name.length - 2) == "[]")

	    {		// multiple selection

		helpDivName	= elt.name.substring(0, elt.name.length - 2);

	    }		// multiple selection

	    else

	    {		// ordinary element

		helpDivName	= elt.name;

	    }		// ordinary element

	}	// element has a name

	else

	{	// try id attribute

	    helpDivName		= elt.id;

	}	// try id attribute

    } catch(e)

    {		// exception thrown trying to get help division name

	var attrList	= "";

	for(attr in elt)

	    attrList	+= attr + ", ";

	alert("keyDown: exception=" + e + ", elt=" + attrList);

    }		// exception thrown trying to get help division name



    // to ensure unique id values, the supplied name is

    // prefixed with "Help".  However some forms have not been

    // updated to use this convention

    helpDiv	= document.getElementById("Help" + helpDivName);

    if (!helpDiv)

    {		// first choice not found

	// strip off trailing decimal digits if any representing

	// a row number

	for (var l = helpDivName.length; l > 1; l--)

	{	// find last non-numeric character

	    if (helpDivName[l - 1] < '0' || 

		helpDivName[l - 1] > '9')

	    {	// non-digit

		helpDivName	= helpDivName.substr(0, l);

		helpDiv	= document.getElementById("Help" + helpDivName);

		break;

	    }	// non-digit

	}	// find last non-numeric character



	// if cannot find division with name prefixed with 'Help'

	// then try without

	if (!helpDiv)

	    helpDiv	= document.getElementById(helpDivName);

    }		// first choice not found



    if (helpDiv && (helpDiv != elt))

    {		// have a help division to display

	// If presentation style requires capitalization,

	// report it in help

	var textTransform	= "";

	if (elt.currentStyle)

	{		// browser supports IE API

	    textTransform	= elt.currentStyle.textTransform;

	}		// browser supports IE API

	else

	if (window.getComputedStyle)

	{		// browser supports W3C API

	    var	style		= window.getComputedStyle(elt, null);

	    textTransform	= style.textTransform;

	}		// browser supports W3C API



	if (textTransform == "capitalize")

	{

	    if (!helpDiv.capitalized)

	    {		// add text to help

		helpDiv.appendChild(document.createTextNode(

		  "Text entered in this field is automatically capitalized."

							));

		helpDiv.capitalized	= true;

	    }

	}



	// if the field has automatic abbreviation expansion

	// describe it

	addHelpAbbrs(helpDiv, elt.abbrTbl);

	// display the help balloon in an appropriate place on the page

	var cell	= elt.parentNode;

	var row		= cell.parentNode;

	var tbody	= row.parentNode;

	var table	= tbody.parentNode;

//alert("helpDiv=" + tagToString(helpDiv));

	helpDiv.style.left		= Math.max(Math.min(getOffsetLeft(elt) - 50, table.offsetWidth - Math.floor(window.innerWidth/2)), 2) + 'px';

	helpDiv.style.top		= (getOffsetTop(elt) + 20) + 'px';

	helpDiv.style.display		= 'block';

	// so key strokes in balloon will close window

	helpDiv.onkeydown		= keyDown;

    }		// have a help division to display

    else

	alert("Cannot find <div id='Help" + helpDivName + "'>");

}		// displayHelp

    for(var i = 0; i < document.forms.length; i++)

    {

	var form	= document.forms[i];

	for(var j = 0; j < form.elements.length; j++)

	{

	    var element	= form.elements[j];



	    // pop up help balloon if the mouse hovers over a field

	    // for more than 2 seconds

	    if (element.parentNode.nodeName == 'TD')

	    {		// set mouseover on containing cell

		element.parentNode.onmouseover	= eltMouseOver;

		element.parentNode.onmouseout	= eltMouseOut;

	    }		// set mouseover on containing cell

	    else

	    {		// set mouseover on input element itself

		element.onmouseover		= eltMouseOver;

		element.onmouseout		= eltMouseOut;

	    }		// set mouseover on input element itself

	}	// loop through elements in form

    }		// iterate through all forms