客户端脚本实现ToolTip

 

ToolTip:

var  format  =   ' {0} {1} ' ;
document.body.onmouseover  =   function ()
... {
    var srcElmt = event.srcElement;
    if ( !srcElmt.tagName || !srcElmt.innerText || srcElmt.tagName == 'BODY')
    ...{
        return;
    }
    if ( srcElmt.offsetWidth < srcElmt.scrollWidth )
    ...{
        if ( !srcElmt.__title )
        ...{
            if ( srcElmt.title == srcElmt.innerText )
            ...{
                return;
            }
            if ( srcElmt.title )
            ...{
                srcElmt.__title = srcElmt.title;
            }
        }
        if ( srcElmt.__title )
        ...{
            srcElmt.title = StringHelper.Format(format, srcElmt.__title, srcElmt.innerText);
        }
        else
        ...{
            srcElmt.title = srcElmt.innerText;
        }
    }
    else
    ...{
        if ( srcElmt.__title )
        ...{
            srcElmt.title = srcElmt.__title;
            srcElmt.__title = null;
        }
        else
        ...{
            if ( srcElmt.title == srcElmt.innerText )
            ...{
                srcElmt.title = '';
            }
        }
    }
} ;    

 

StringHelper:

StringHelper.Format  =  function(format)
  ... {
    if ( arguments.length == 0 )
    ...{
        return '';
    }
    if ( arguments.length == 1 )
    ...{
        return String(format);
    }

    var strOutput = '';
    for ( var i=0 ; i < format.length-1 ; )
    ...{
        if ( format.charAt(i) == '{' && format.charAt(i+1) != '{' )
        ...{
            var index = 0, indexStart = i+1;
            for ( var j=indexStart ; j <= format.length-2 ; ++j )
            ...{
                var ch = format.charAt(j);
                if ( ch < '0' || ch > '9' ) break;
            }
            if ( j > indexStart )
            ...{
                if ( format.charAt(j) == '}' && format.charAt(j+1) != '}' )
                ...{
                     for ( var k=j-1 ; k >= indexStart ; k-- )
                     ...{
                         index += (format.charCodeAt(k)-48)*Math.pow(10, j-1-k);
                     }  
                    var swapArg = arguments[index+1];
                    strOutput += swapArg;
                    i += j-indexStart+2;
                    continue;
                }
            }
            strOutput += format.charAt(i);
            i++;
        }
        else
        ...{
            if ( ( format.charAt(i) == '{' && format.charAt(i+1) == '{' )
                || ( format.charAt(i) == '}' && format.charAt(i+1) == '}' ) )
            ...{
                i++
            }
            strOutput += format.charAt(i);
            i++;
        }
    }
    strOutput += format.substr(i);
    return strOutput;
 }