Question

I’m trying to implement prettify.js in the same way as this fellow here.

However it’s not working. I copied his javascript from his page source to make sure it would work (since he wrote it in the blog post publicly I think I’m not plagiarizing, plus I give credit in my page source) and I included prettify.js from his dropbox links in his source as well to make sure the fixes he included were working. I also included Google’s prettify.css as well as their lang-css.js because I am trying to highlight the syntax of CSS. Still not working. Below is a pastebin link of my Tumblr theme.

Theme

Since I have no actual Javascript development experience, and my CSS understanding is poor, I’m pretty sure I’m just doing something wrong. But I have no idea what. I was hoping someone on StackOverflow might know anything about this. (I realize I’m basically pasting my source and saying “HOW TO FIX????” but I don’t know how to whittle down the problem any better.)

Based on what rentzsch said in his post, does anyone know something I might be doing wrong even if I’m using his Javascript and some of his CSS?

EDIT: Fixed with new jQuery link, but now images don’t appear.

This code here causes images not to appear:

// CSS won't autoscale img heights given a max-width. So, we do it ourselves.
var maxWidth = $('.post_body').width();
$('img').each(function(){
   var scaledHeight;
   if (this.width > maxWidth) {
      scaledHeight = (this.height * maxWidth) / this.width;
      this.width = maxWidth;
      this.height = scaledHeight;
   }
});

How can I fix this?

Answer 1

You have broken urls to 2 JavaScript files. Change this:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3./jquery.min.js"></script>
...
<script type="text/javascript" src="http://code.google.com/p/google-code-prettify/source/browse/trunk/src/lang-lisp.js"></script>

to this:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
...
<script type="text/javascript" src="http://google-code-prettify.googlecode.com/svn/trunk/src/lang-lisp.js"></script>