If you are running a JavaScript example page you can use the following function that will take the last script element on the page and print it out in a code tag. It uses JQuery to do the work, so you will need to include that library before using this function.
<script type="text/javascript">//<![CDATA[
function displaySource(name) {
$('<code>'
+ $('#display-' + name).prevAll('script').eq(0).html()
.replace(/^\s*|\s*$/g, '')
.split('\n').slice(1, -1).join('\n')
.replace(/(^|\n) /g, '$1')
.replace(/('[^']*')/g, '<em>$1</em>')
+ '</code>')
.insertAfter('#display-' + name);
}
//]]></script>
The function works by selecting the current script tag and finding all script elements before it. It then selects the first one it finds and outputs the contents to a code tag. It uses a few regular expressions to convert some of the characters to a more human readable format. The function is called like this.
<script type="text/javascript" id="display-test">displaySource("test");</script>