鼠标右下角显示层，javascript读取xml实例代码 -JAVASCRIPT-编程相关-IT知道网(http://www.itwis.com)

鼠标右下角显示层，javascript读取xml实例代码

来源：发布时间：2008-01-18 发布人：浏览：人次字体： [大中小]

//鼠标经过时候显示div

function showdiv(content,field) {

var x = window.event.x;

var y = window.event.y;

var show = document.getElementById("ShowInfo");

show.style.visibility = "visible";

show.style.top = y;

show.style.left = x;

show.style.background="#ffff00";

//show.innerHTML = "1234567";

//鼠标移动时候div跟随

XmlRead(content,field);

document.onmousemove = moveToMouseLoc;

}

//鼠标移开的时候隐藏div

function Remove()

{

var show=document.getElementById("ShowInfo");

if(show != "" || show != null)

{

show.style.visibility = "hidden";

}

//鼠标移动时候div跟随

function moveToMouseLoc(e)

{

x = window.event.x;

y = window.event.y;

var show = document.getElementById("ShowInfo");

show.style.left = x;

show.style.top = y;

return true;

}

//读取xml

function XmlRead(content,field)

{

var doc = new ActiveXObject("Microsoft.XMLDOM");

//得到隐藏控件中的xml值

var sXml = document.getElementById("LbHidden").innerHTML;

try

{

doc.loadXML(sXml);

}

catch(e)

{

alert(e.message);

return ;

}

//画一个table吧值存到table中

var table = "<table cellspacing="0" rules="all" bordercolorlight="#b4b1b1" bordercolordark="#ffffff" border="1"><tr class='title'><td>数据来源</td><td>" + content + "</td></tr>";

var xmlnode = doc.documentElement;

for(i=0;i<xmlnode.childNodes.length;i++)

{

//加载xml值到table中

table += "<tr><td>" + xmlnode.childNodes.item(i).getAttribute('Desc');

table += "</td><td>" + xmlnode.childNodes.item(i).selectSingleNode("DATA/" + field.toUpperCase()).text + "</td></tr>";

//alert(xmlnode.childNodes.item(i).getAttribute('成考'));

}

table += "</table>";

//把table放到div中的span中

document.getElementById('sp').innerHTML=table;

//nod=doc.selectSingleNode("Datas/Source[@Desc='成考']/Data/WaterOutCount/");

//nod=doc.selectSingleNode("Datas/Source")

//nod.text;

}

</script>

【↑返回顶部】【文章评论(0条)】【收藏本文】【打印本文】【关闭窗口↓】

↑上一篇：javascript实现多张图片轮流展示效果代码

↓下一篇：Ext2.0框架的Grid使用介绍祥解

发布商链接

·Ext2.0框架的Grid使用介绍祥解
·javaScript中如何定义类
·幻灯片焦点图片新闻显示调用focus.sw...
·Adobe Reader利用javascript让PDF文...
·基于Ajax的可滚动表格代码实例
·浅谈javascript函数劫持，附实例
·使用javascript标记高亮关键词的代码...
·javascript读写TEXT文本文件示例代码
·javascript实现动态多附件上传方法
·javascript利用xhtml来实现动态导入j...

§最新评论:（评论内容只代表网友观点，与本站立场无关！）

网名：验证码：

【所有评论】【↑返回顶部】

评　分： 12 345

评论内容：(不能超过500字，请自觉遵守互联网相关政策法规。[按 Ctrl+Enter 可直接提交]

注意:请勿在本站发布政治话题、色情及违反法律的内容。

IT知道网声明：刊登此文章是为了传递更多信息，文章内容仅供参考，转载请注明出处。


首页 ┆ 网站地图 ┆ 在线留言 ┆ 游戏资讯 ┆ 资源下载 ┆ 端午节祝福 ┆ 迅雷在线影视

编程学堂> JAVA专区 \| .NET专区 \| PHP 专区 \| ASP 专区 \| C/C++ \| JAVASCRIPT \| 数据库 \| 软件工程 \| 网络技术 \| 网站制作 \| 编程相关 \| 硬件资讯
业界相关> 业界新闻 \| 操作系统 \| 办公技巧 \| 病毒安全 \| 图形图像 \| 常用工具 \| 资源下载 \| 网站推广 \| 即时通讯 \| IT故事 \| IT健康 \| QQ---MSN