解读利用PHP JavaScript打造AJAX搜索窗的方法(3)_PHP教程
推荐：解析PHP CSS实现打印简单数据报表功能PHP CSS实现打印简单数据报表功能 功能：实现打印日报表的功能，定义了专门的打印样式，隐藏了不该打印的控件并实现了分页打印功能，表名：rec 字段：rec_id,rec_po,rec_part,rec_plant
完成这些元素之后，剩下的就是把它们添加到divSearchBox元素中：
| 以下为引用的内容：
divSearchBox.className = "ajaxWebSearchBox"; |
这段代码负责把divHeading和divResultsPane元素添加到搜索窗，并且把搜索窗添加到页面。
在drawResultBox()中的最后一步是确定新绘制的小框的位置并且把divSearchBox返回到它的调用者：
| 以下为引用的内容：
msnWebSearch.drawResultBox = function (e) { |
通过这种方式建立msnWebSearch对象后，必须把divSearchBox返回到它的调用者以便进行其它操作。你可以已经猜出，position()方法负责放置该搜索框。它接受两个参数：传递到drawResultBox()的事件对象和divSearchBox元素：
| 以下为引用的内容：
msnWebSearch.position = function (e， divSearchBox) { |
前两行代码得到左边和顶部位置，用于放置搜索结果框。执行这个操作要求使用两种信息。首先是鼠标的x和y坐标（这些信息被存储在clientX和clientY属性）。
然而，这些坐标还不足以正确定位结果框，因为clientX和clientY属性返回相对于浏览器窗口客户区的鼠标位置，而不是页面中的实际坐标。考虑到这一点，我们可以使用文档元素的scrollLeft和scrollTop属性。计算出最后的坐标后，你能够最后确定用户点击鼠标的框中的位置。
五、 显示结果
populateResults()方法负责使用搜索结果填充结果栏。它接受两个参数：包含该结果的元素和一个XParser对象(XParser是一个基于JavaScript的RSS读取器，可从www.wdonline.com/javascript/xparser/自由下载):
| 以下为引用的内容：
msnWebSearch.populateResults = function(divResultsPane，oParser){ divResultsPane.removeChild(divResultsPane.firstChild); |
这个方法以编程方式并通过DOM方法生成＜a/＞元素；这样以来，这些元素将被添加到一个在第一行创建的文档片断中。下一行删除添加在drawResultBox()中的正加载的＜div/＞元素。
下一步是创建这个链接：
| 以下为引用的内容：
for (var i = 0; i ＜ oParser.items.length; i ) { var aResultLink = document.createElement("a"); oFragment.appendChild(aResultLink); |
这段代码遍历回馈的各个项，并且由该数据生成链接并把＜a/＞元素添加到文档片断最后。
分享：解析PHP技术：txtSQL安装手册中文版txtsql的最大优点之一是文档很详细，可惜，我在网上找了半天也找不到中文版的文档，所以只好自己动手，利人利已吧，不过自己的E文水平自己是很清楚的，希望大家看了不会笑掉大牙才好，还希
- 相关链接：
- 教程说明：
PHP教程-解读利用PHP JavaScript打造AJAX搜索窗的方法(3)
。