手机版

Ajax PHP边学边练之二实例

时间:2021-10-25 来源:互联网 编辑:宝哥软件园 浏览:

效果1.当鼠标放在某日上时,如果当天有备忘录,则会显示出来,如下图taskcheck

复制代码代码如下:函数checkfortasks(日期,e){ //找到页面中任务框对应差异设置为可见对象=文档。getelementbyid('任务框');物体。风格。可见性='可见';//初始化任务框位置var posx=0;var posy=0;//定位任务框位置为鼠标位置posx=e . clientx文档。尸体。被偷窃;客户文件。尸体。滚动顶部;物体。风格。left=posx ' px物体。风格。top=posy ' px//设置服务器端编程语言(专业超文本预处理器的缩写)请求页面serverPage='taskchecker.php?日期='日期;//设置服务器端编程语言(专业超文本预处理器的缩写)返回数据替换位置objID=' taskboxvar obj=document。getelementbyid(Objid);//发送请求并加载返回数据xmlhttp.open('GET ',ServerPage);xmlhttp。onreadystatechange=function(){ if(xmlhttp。readystate==4 xmlhttp。status==200){ obj。innerhtml=xmlhttp。responsetext} } xmlhttp。发送(null);} 效果2.当鼠标点击某日录入姓名时,系统会自动检索姓名是否存在,并可以通过选择填入姓名框中,如图namecheck

复制代码代码如下:函数自动完成(值,e){ //定位页面中自动完成四(显示检索姓名的标签)的差异位置对象=文档。getelementbyid('自动完成iv ');//设置为可见物体。风格。可见性='可见';物体。风格。宽度=' 152 px//设置检索标签位置var posx=0;var posy=0;posx=(findbosix(文档。getelementbyid('您的姓名'))1);posy=(findbosi(文档。getelementbyid('你的名字'))23);物体。风格。left=posx ' px物体。风格。top=posy ' px//设定事件为键盘录入改变额外的字符=e .什么;if(theextrachar==未定义){ theextrachar=e . key code} //设定加载检索名单位置var objID=' autocompletediv//设定服务器端编程语言(专业超文本预处理器的缩写)请求页面,并将用户输入的姓名传值过去(同时考虑到退格作用)if(theextrachar==8){ if(值。length==1){ var ServerPage=' auto camp。PHP ';} else { var ServerPage=' auto camp。PHP?s字符串=t值。substr(0,(t值。长度-1));} } else { var ServerPage=' auto camp。PHP?s字符串=t值字符串。从charcode(额外的字符);} //发送请求并加载返回数据var obj=文档。getelementbyid(Objid);xmlhttp.open('GET ',ServerPage);xmlhttp。onreadystatechange=function(){ if(xmlhttp。readystate==4 xmlhttp。status==200){ obj。innerhtml=xmlhttp。responsetext} } xmlhttp。发送(null);} 文件打包下载

版权声明:Ajax PHP边学边练之二实例是由宝哥软件园云端程序自动收集整理而来。如果本文侵犯了你的权益,请联系本站底部QQ或者邮箱删除。