Christian Heilmann

Dynamic Code Viewing with jQuery

Monday, June 5th, 2006 at 12:00 am

Dabbling around with jQuery for the last chapter in my upcoming
book about JavaScript
, I realised it is dead easy to do something that really annoyed the hell out of me for a long time:

When you display code examples in online tutorials and you don’t want to use server side includes to show the code (as you want to offer the explanation page as documentation as well) you need to maintain the code in two locations: The code itself and the code examples in the documentation document.

Now, jQuery has these really cool methods to do easy AJAX calls, why not use them to pull in the code when the user clicks the link to the code?

The example page for jqueryCodeView shows the outcome and the script that makes it happen. Quite neat package, that.

Share on Mastodon (needs instance)

Share on BlueSky

Newsletter

Check out the Dev Digest Newsletter I write every week for WeAreDevelopers. Latest issues:

Don't stop thinking, AI Slop vs. OSS Security, rolling your own S3 Despite AI you still need to think, Bitter lessons from building AI products,  AI Slop vs. OSS security and pointer pointer…
200: Building for the web, what's left after rm -rf & 🌊🐴 vs AI What remains after you do a rm -rf? Why do LLMs know about a seahorse emoji? What image formats should you use? How private is your car?
Word is Doomed, Flawed LLM benchmarks, hard sorting and CSS mistakes Spot LLM benchmark flaws, learn why sorting is hard, how to run Doom in Word and how to say "no" like a manager.
30 years of JS, Browser AI, how attackers use GenAI, whistling code Learn how to use AI in your browser and not on the cloud, why AI makes different mistakes than humans and go and whistle up some code!
197: Dunning-Kruger steroids, state of cloud security, puppies>beer

My other work: