﻿/********************************************
*用于帮助提示，允许对提示内容进行相关的HTML代码编写
*郑昌银 2009.02.26
*********************************************/

function wsug(e, str){
 var oThis = arguments.callee;
 if(!str)
 {
    if(oThis.sug)//假如有sug这个div的话，将其隐藏掉
    {
        oThis.sug.style.visibility = 'hidden';
        document.onmousemove = null;
    }
    return;
 } 
  
 if(!oThis.sug)
 {
    var div = document.createElement('div')//创建一个div元素命名为div
    var css = 'top:0; left:0; position:absolute; z-index:100; visibility:hidden';//创建一个div元素的css样式
    div.style.cssText = css;
    div.setAttribute('style',css);//添加style属性
    
    
    var sug = document.createElement('div')//创建一个div元素命名为sug
    var css= 'font:normal 12px/16px "宋体"; white-space:nowrap; color:#000000; padding:3px; position:absolute; left:0; top:0; z-index:10; background:#bba789; border:1px solid #685031';//创建一个sug元素的css样式
    sug.style.cssText = css;
    sug.setAttribute('style',css);//添加style属性
    
    
    var dr = document.createElement('div')//创建一个div元素命名为dr
    var css = 'position:absolute; top:3px; left:3px; background:#333; filter:alpha(opacity=50); opacity:0.5; z-index:9';//创建一个dr元素的css样式
    dr.style.cssText = css;
    dr.setAttribute('style',css);//添加style属性
    
    var ifr = document.createElement('iframe')//创建一个iframe元素命名为ifr
    var css='position:absolute; left:0; top:0; z-index:8; filter:alpha(opacity=0); opacity:0';//创建一个ifr元素的css样式
    ifr.style.cssText = css;
    ifr.setAttribute('style',css);//添加style属性
    
    div.appendChild(ifr);
    div.appendChild(dr);
    div.appendChild(sug);
    div.sug = sug;
    document.body.appendChild(div);
    oThis.sug = div;
    oThis.dr = dr;
    oThis.ifr = ifr;
    div = dr = ifr = sug = null;
 }
 
 var e = e || window.event, obj = oThis.sug, dr = oThis.dr, ifr = oThis.ifr; 
 obj.sug.innerHTML = str;
 
 var w = obj.sug.offsetWidth, h = obj.sug.offsetHeight, dw = document.documentElement.clientWidth||document.body.clientWidth; dh = document.documentElement.clientHeight || document.body.clientHeight;
 var st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft;
 var left = e.clientX +sl +17 + w < dw + sl  &&  e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st + 17;
 obj.style.left = left+ 10 + 'px';
 obj.style.top = top + 10 + 'px';
 dr.style.width = w + 'px';
 dr.style.height = h + 'px';
 ifr.style.width = w + 3 + 'px';
 ifr.style.height = h + 3 + 'px';
 obj.style.visibility = 'visible';
 
 document.onmousemove = function(e)
 {
    var e = e || window.event, st = document.documentElement.scrollTop || document.body.scrollTop, sl = document.documentElement.scrollLeft || document.body.scrollLeft;
    var left = e.clientX +sl +17 + w < dw + sl  &&  e.clientX + sl + 15 || e.clientX +sl-8 - w, top = e.clientY + st +17 + h < dh + st  &&  e.clientY + st + 17 || e.clientY + st - 5 - h;
    obj.style.left = left + 'px';
    obj.style.top = top + 'px';
 }
}
