解压jquery-syntax-3.1.1.zip,将public放在我们自已的目录下,在网页中引入如下3个js。
. 代码如下:
<script type="text/javascript" charset="utf-8" src="scripts/jquery-1.8.2.js"></script>
<script type="text/javascript" charset="utf-8" src="public/jquery.syntax.js"></script>
<script type="text/javascript" charset="utf-8" src="public/jquery.syntax.cache.js"></script>
. 代码如下:
<p id="p_configxml" style="float:right;width:600px;">
</p>
. 代码如下:
//配置文件的默认类型为xml
var filetype="xml";
//当选中树中的某个文件的时候
$('#tree1').tree({
onclick: function(node){
if (node.children==null || node.children==undefined){
var url="../hub/config/configread?"+'ip='+ip+'&port='+port+"&file="+node.id;
var str=node.id;
filetype = str.substring(str.lastindexof(".")+1,str.length);
filetype=filetype.tolowercase();
$.get(url,{},function(data,textstatus){
//因为需要多次语法着色,而且每次选中的文件都不一样,
//所以每次都要删除原来的pre元素,并新增pre,且syntax得根据文件名的后缀来动态得到。
//注意:不要直接定位pre,因为每次渲染后pre元素会消失,所以我这里用一个p来放pre,每次清理pre只要删除p下的所有元素就行了
$("#p_configxml *").remove();
var $pre=$("<pre id='configxml' class='syntax "+filetype+"'> </pre>");
$("#p_configxml").append($pre);
$("#configxml").text(data);
$.syntax();
}
);
}
}
});
如对本文有疑问, 点击进行留言回复!!
轻松解决 org.apache.taglibs.standard.tlv.JstlCoreTLV 困惑
vert实践五——Json?Protocol Buffer?FlatBuffers?
[基于tensorflow的人脸检测] 基于神经网络的人脸检测8——验证训练好的神经网络
selenium + ajax抓取英雄联盟全部英雄的详细信息及多线程保存全部皮肤图片到本地
网友评论