JQuery & SyntaxHighlighter

JQuery & SyntaxHighlighter

I'm trying to make a dynamic web page to show some of my software. To do this I'm using JQuery & SyntaxHighlighter but when I add the java code with the function $('#code').html(v); SyntaxHighlighter doesn't work. Why? This is the code:

  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Prova Codice</title>
  6. <!--script for Jquery File Tree -->
  7. <script src="jquery-1.5.1.js" type="text/javascript"></script>
  8. <script src="jquery.easing.js" type="text/javascript"></script>
  9. <script src="jqueryFileTree/jqueryFileTree.js" type="text/javascript"></script>
  10. <link href="jqueryFileTree/jqueryFileTree.css" rel="stylesheet" type="text/css" media="screen" />
  11. <!-- script for SyntaxHighlighter -->
  12. <script type="text/javascript" src="syntaxhighlighter_3.0.83/scripts/shCore.js"></script>
  13. <script type="text/javascript" src="syntaxhighlighter_3.0.83/scripts/shBrushJava.js"></script>
  14. <link type="text/css" rel="stylesheet" href="syntaxhighlighter_3.0.83/styles/shCoreDefault.css"/>
  15. <script type="text/javascript">SyntaxHighlighter.all();</script>
  16. <script type="text/javascript">
  17.     $(document).ready( function() {   
  18.             $('#fileTreeDemo_1').fileTree({ root: 'D:/Program Files/xampp/htdocs/marcocali/software/easymeeting/code/' , script: 'jqueryFileTree/connectors/jqueryFileTree.php' }, function(file) {
  19.                     openFile(file);
  20.             });
  21.         });
  22.    
  23.     function openFile(filePath) {
  24.         var xmlhttp;
  25.         if (filePath.length==0)
  26.           {
  27.               document.getElementById("txtHint").innerHTML="";
  28.               return;
  29.           }
  30.         if (window.XMLHttpRequest)
  31.           {// code for IE7+, Firefox, Chrome, Opera, Safari
  32.               xmlhttp=new XMLHttpRequest();
  33.           }
  34.         else
  35.           {// code for IE6, IE5
  36.               xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  37.           }
  38.         xmlhttp.onreadystatechange=function()
  39.          {
  40.           if (xmlhttp.readyState==4 && xmlhttp.status==200)
  41.         {
  42.             var str="";
  43.             var v="";
  44.             str=xmlhttp.responseText;
  45.             var array=new Array();
  46.             array=str.split("|$&|");
  47.             for (i=0;i<array.length;i++)
  48.                 v=v+array[i];
  49.             v='<pre class="brush: java">'+v;
  50.             v=v+"</pre>";
  51.             //document.getElementById("code").innerHTML=v;
  52.            
  53.             $('#section').html(v);
  54.            }
  55.       }
  56.     xmlhttp.open("GET","getFile.php?q="+filePath,true);
  57.     xmlhttp.send();
  58. }
  59.    
  60. </script>
  61. </head>
  62. <body>
  63. <div class="example">
  64.             <div id="fileTreeDemo_1" class="demo"></div>
  65. </div>
  66. <div id="code">
  67. </div>
  68. <div class="section">
  69. <pre class="brush: java">
  70. public class reverse{
  71.     public static void main(String[] args){
  72.         String a="Marco";
  73.         for(int i=a.length()-1; i>=0; i--)
  74.             a+=a.charAt(i);
  75.         a=a.substring(a.length()/2);
  76.         System.out.println(a);       
  77.     }
  78. }
  79. </pre>
  80. </div>
  81. </body>
  82. </html>