alex gorbatchev's syntax highlighter not working for me

StackOverflow https://stackoverflow.com/questions/8102970

Question

I'm just posting my entire page to prevent confusion. I've stared at each link and checked the folder for the files. it all seems to be there. what's not working? very frustrated, could use a fresh pair of eyes. all my page displays is the content of the pre, but without any formatting. again, thanks for the help

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> 

<head> 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 



<!--STYLESHEET LINKS-->

<link  href="stylesheet.css" rel="stylesheet" type="text/css" media="screen" />
<link  href="shThemeDefault.css" rel="stylesheet" type="text/css" media="screen" />
<link  href="shCore.css" rel="stylesheet" type="text/css" media="screen" />

<!--SYNTAX HIGHLIGHTER-->
<script type="text/javascript" src="shCore.js"></script>
<script type="text/javascript" src="shBrushPhp.js"></script>

<!--JQUERY and PROCESSING SCRIPTS-->
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript" src="processing.js"></script>
<script type="text/javascript" src="init.js"></script>




</head>

<body>
<pre class="brush: php">

$last_modified = filemtime("header.php");
echo("last modified: ");
echo(date("m.j.y h:ia", $last_modified));

</pre>

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

</body>
</html>
Was it helpful?

Solution

Four things:

  1. SYNTAX HIGHLIGHTER - put the .js files AFTER the jquery, jQueryUI, etc. scripts. The order is important!

  2. use $(document).ready to make sure that all the js files are loaded before the body content tries to use it.

  3. Are you using firebug or some such tool to check for script errors in the browser?

  4. Are you getting any errors at all or just not seeing the highlighting effect?

OTHER TIPS

By replacing:

SyntaxHighlighter.HighlightAll();

with

SyntaxHighlighter.all();

your sample code works for me.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top