call function to highlight code

Question

Please see the the following http://valogiannis.com/recent/ .I have a webpage and when user click XHTML code a div with id result loads the contents of a webpage (in this case codes/advocasys.html). In fact what I wish to do is to highlight the html code. I have link the necessary css/js. I use the SyntaxHighlighter 3.0.83. This highlighter needs to call the SyntaxHighlighter.all() after the <pre> tag (more info here). If I have the html code in the same page which I want to highlight works nice, but I cannot make it to work, when the script loads the external page advocasys.html. I tried to put the

 <script type="text/javascript">
     SyntaxHighlighter.all()
</script>

in the bottom of the advocasys.html, but It didn't work. How can I make it work?

Thanks in advance.

Nick Craver · Accepted Answer · 2010-08-26 22:23:22Z

3

The .all() call attaches an event handler to window.load which already happened, instead use .highlight(), like this:

SyntaxHighlighter.highlight();

answered Aug 26, 2010 at 22:23

Nick Craver

631k138 gold badges1.3k silver badges1.2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Jeff Adams · Accepted Answer · 2010-08-26 22:33:43Z

1

You need to call SyntaxHiglighter in the callback function after the data is returned:

$('#myLink').click(function(){
   $('#result').load('codes/advocasys.html', function() {
       $('#result').show();
       $('.scroll-pane').jScrollPane(); 
       SyntaxHighlighter.highlight();
   });

   return false;

});

answered Aug 26, 2010 at 22:33

Jeff Adams

1294 bronze badges

1 Comment

Nick Craver Over a year ago

This way works as well, but the issue isn't the place the OP is calling it, it's the ineffectiveness of the .all() function after window.onload :)

Collectives™ on Stack Overflow

call function to highlight code

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related