f_alert 在指定元素后面弹出错误信息
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><HTML> <HEAD><TITLE> New Document </TITLE><META NAME="Generator" CONTENT="EditPlus"><META NAME="Author" CONTENT=""><META NAME="Keywords" CONTENT=""><META NAME="Description" CONTENT=""> </HEAD> <BODY><input type="text" id="txt" />sssssssssssssssssssssss<input type="text" id="txt5" /><input type="text" id="txt33" /><br/><input type="text" id="txt6" /><br/><br/><br/><input type="text" id="txt2" /><select id="sss" ><option>sssssssss</option> </select><br/><br/><input type="checkbox" name="chk" id="chk" />sdfsf<SCRIPT LANGUAGE="JavaScript">/** * 获取元素的坐标点 * @param elementId 元素Id * @returns 元素所在位置的坐标点 */function getElementPos(elementId){//验证浏览器类型var ua = navigator.userAgent.toLowerCase(); var isOpera = (ua.indexOf('opera')!=-1); var isIE = (ua.indexOf('msie')!=-1&&!isOpera);//获取元素var el = document.getElementById(elementId); if(el.parentNode === null || el.style.display == 'none') { return false; } var parent=null; var pos=[]; var box;//如果浏览器是IEif(el.getBoundingClientRect) {box = el.getBoundingClientRect(); var scrollTop= Math.max(document.documentElement.scrollTop,document.body.scrollTop); var scrollLeft = Math.max(document.documentElement.scrollLeft,document.body.scrollLeft);return {x:box.left+scrollLeft,y:box.top+scrollTop}; } else if(document.getBoxObjectFor) {// geckobox=document.getBoxObjectFor(el); var borderLeft=(el.style.borderLeftWidth)?parseInt(el.style.borderLeftWidth):0;var borderTop=(el.style.borderTopWidth)?parseInt(el.style.borderTopWidth):0;pos=;}else{// safari & opera pos=; parent=el.offsetParent; if(parent!=el){while(parent){pos+=parent.offsetLeft;pos+=parent.offsetTop;parent=parent.offsetParent;}}if(ua.indexOf('opera')!=-1||(ua.indexOf('safari')!=-1&&el.style.position=='absolute')){pos-=document.body.offsetLeft;pos-=document.body.offsetTop;}}if(el.parentNode){parent=el.parentNode;}else {parent=null;}while(parent&&parent.tagName!='BODY'&&parent.tagName!='HTML'){// account for any scrolled ancestors pos-=parent.scrollLeft;pos-=parent.scrollTop;if(parent.parentNode){parent=parent.parentNode;}else {parent=null; } }return {x:pos,y:pos};}/** * 弹出错误信息 * @param elementId 元素Id * @param errorMsg 错误信息 * @returns 元素所在位置的坐标点 */function f_alert(elementId , errorMsg){//获取元素、元素类型var _el = document.getElementById(elementId);var _el_type = _el.type ; //计算元素宽度var _el_width = 0 ;if(_el_type == "text") {_el_width = _el.size ;}else {_el_width = _el.style.width ;}//获取元素坐标var _point = getElementPos(elementId); //计算div显示位置var _left = parseInt(_el_width) * 8 + _point.x - 8 ;var _top = _point.y - 3;//拼出DIVvar _strDiv = "<divonclick='javascript:{this.style.display=\"none\";}' "_strDiv += "style='color: red ;background-color: #FFFEBB;position: absolute;font-size: 12px;height: 22px;";_strDiv += "border: 1px solid #ff3300;padding-top: 4px;padding-left: 4px;padding-right: 4px;z-index: 1002;overflow: auto;";_strDiv += "left:"+_left+"px;top:"+_top+"px;' >"_strDiv += errorMsg ;_strDiv += "</div>" ;document.write(_strDiv);} f_alert("txt5","aaaaaaaaa");//f_alert("txt5","请输入嗷嗷嗷");//f_alert("chk","aaaaaaaaa");//--></SCRIPT> </BODY></HTML>
页:
[1]