Syntax Hightlighter Problem Loading Partials

Question

Hi I'm using the syntax highlighter found here: http://code.google.com/p/syntaxhighlighter/

I have a page wherte it works fine:

<div id="codeArea">
  <pre class="brush:csharp">
       var customers = new Customer().GetCustomerList().AsEnumerable()
                                     .Where(c => c.CustomerID < 5);
  </pre>

However, I'm trying to load different snippets in using jQuery:

$("#sqoList").change(function () {
    var toLoad = $("#sqoList").val();
    $("#codeArea").load('/SQO/' + toLoad + "Example");

    //I tried running again after the load but still no joy.

    //SyntaxHighlighter.config.clipboardSwf = '../../Scripts/clipboard.swf';
    //SyntaxHighlighter.all();        
});

I noticed the first time the form is loaded in using Firebug That a lot of html is added to the 'codeArea' <div> after running the SyntaxHighighter.

This is not rendered when I load using jQuery.

Does anyone know how to force the extra html to render again?

Thanks

Answer 1

http://code.google.com/p/syntaxhighlighter/wiki/Usage

add a Name attribute to the pre tag

<pre name="code" class="brush:csharp">
       var customers = new Customer().GetCustomerList().AsEnumerable().Where(c =>  
       c.CustomerID < 5);
</pre>

and when in JS you write:

dp.SyntaxHighlighter.HighlightAll('code');

it gets transformed.