onfocus时显示一个小的信息提示层

用到了jquery

formdiv.js文件:


//小信息提示层
function bulidLittle(id,msg,ele)
{
  
  
  var divHtml = ""
  + "<div id='littleDiv_" + id + "'"
  + "style='"
  + "background:#F7F7E7;position:absolute;padding-top:3px;width:350px; z-index:1;height:20;"
  + "'  class=/"n_null/" "
  + "  οnmοuseοver='hiddenLittle(/"" + id + "/")' "
  + ">"
  + msg
  + " </div>";
  var parentEle = ele.parent();
  parentEle.prepend(divHtml);
}
function addDivIframe(){
 var divIframeHtml = "<iframe id=/"DivShim1/" src=/"javascript:false;/" scrolling=/"no/""
  + "frameborder=/"0/""
  + " style=/"position:absolute; top:0px; left:0px; display:none;/">"
  + " </iframe>";
  //document.body.insertAdjacentHTML("beforeEnd",divIframeHtml);
  
  $("body").prepend(divIframeHtml);
}
 function displayLittle(id,msg, ele,event1){  
  var IfrRef = document.getElementById('DivShim1'); 
  if( IfrRef == null){
   addDivIframe();
  }  
  var ele1 = jQuery(ele);
  var DivRef = document.getElementById("littleDiv_"+id);
  var offset = ele1.offset(); 
  if(DivRef == null){ 
   bulidLittle(id,msg,ele1);
   DivRef = document.getElementById("littleDiv_"+id); 
  }else{
   DivRef.style.visibility="visible";
  }
  DivRef.style.left = offset.left;
  DivRef.style.top=parseInt(offset.top) - DivRef.clientHeight;
  
  IfrRef = document.getElementById('DivShim1');    
  //DivRef.style.display = "block";
  IfrRef.style.display = DivRef.style.display;
  IfrRef.style.width = DivRef.offsetWidth;
  IfrRef.style.height = DivRef.offsetHeight;
  IfrRef.style.top = DivRef.style.top;
  IfrRef.style.left = DivRef.style.left;
  IfrRef.style.zIndex = DivRef.style.zIndex - 1;
  
 }
 function hiddenLittle1(event){
  hiddenLittle(event.data.id)
 }
 function hiddenLittle(id){
  var t = document.getElementById("littleDiv_"+id);
  if(t != null){ 
   t.style.visibility="hidden";
  }
  document.getElementById('DivShim1').style.display ="none";
 }

jsp文件:

引用
 <script src="<%=request.getContextPath()%>/js/JQuery/jquery-1.2.6.js"
  type="text/javascript"></script> 
<script language="javascript" src=js/formFunc.js"></script>

 

 <html:text property="customertelno"     styleClass="input_text" style="width:150px"
        οnfοcus="showIlluDiv(this.name,this, event);"  οnmοusedοwn="showIlluDiv(this.name,this, event);" οnblur="hiddenLittle(this.name);"/>
       必填&nbsp;<span id="customertelno_illu" style="display:none"><bean:message key="phoneno.maskmsg" arg0=""/></span>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值