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:

<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>

html part:

Copy code The code is as follows:

<div id="div_configXML" style="float:right;width:600px;">
</div>

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=$("<pre id='configXML' class='syntax " fileType "'> </pre>");
$("#div_configXML").append($pre);
$("#configXML").text(data);
$.syntax();
}
) ;
}
}

});

The following is the rendering:

Display xml file

Show java files