jquery-syntax dynamic syntax coloring sample code_jquery

Unzip jquery-syntax-3.1.1.zip, put public in our own directory, and introduce the following 3 js into the web page (the download address is http://download.csdn.net/detail/liumengcheng/7344667)

Copy code The code is as follows:

html part:

Copy code The code is as follows:

js part:

Copy code The code is as follows:

//The default type of configuration file is xml
var fileType="xml" ;
//When a file in the tree is selected
$('#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){
//Because syntax coloring is required multiple times, and the files selected are different each time,

//So the original pre element must be deleted every time , and add pre, and syntax must be obtained dynamically based on the suffix of the file name.

//Note: Do not position pre directly, because the pre element will disappear after each rendering, so I use a div to place pre. Every time I clean pre, just delete all elements under the div
$("#div_configXML *").remove();
var $pre=$("

");
$("#div_configXML").append($pre);
$("#configXML").text(data);
$.syntax();
}
) ;
}
}

});

The following is the rendering:

Display xml file

Show java files