Eddie Blog: May 2013

Thursday 9 May 2013

How to add syntax highlighting to your own blog!

Since I am going to be demonstrating source code this summer... I thought "What about syntax highlighting" in my blog. So I went ahead and searched online. There are a number of ways of going about and doing this. I am choosing to do this with a simple javascript library called 'highlight.js'. First you can visit this page:

http://softwaremaniacs.org/soft/highlight/en/download/

There you will find the latest version of the syntax highlighting library.

Copy the two links. At the time of this post I copied these two links:


<link href='http://yandex.st/highlightjs/7.3/styles/default.min.css' rel='stylesheet'/>

<script src='http://yandex.st/highlightjs/7.3/highlight.min.js'/>

<script>hljs.initHighlightingOnLoad();</script>

You must place these references after the </head> and before the <body>

next...

Go to this link: http://softwaremaniacs.org/soft/highlight/en/description/ You will read that it is necessary to place the code according to these instructions.

"This will highlight all code on the page marked up as <pre><code> .. </code></pre>. If you use different markup or need to apply highlighting dynamically, read "Custom initialization" below."

This should work anywhere.

An undefined application.

My first task for this year is to create a set of tasks for the Mobile Bluetooth Device Connectivity at NEXJ CDOT Seneca. Bellow is a simple test that will be built upon with the necessary functionality to fully test the Bluetooth project:


<!DOCTYPE html>

<html>

<head>

  <meta charset="utf-8">

  <title>NexJ Medical Bluetooth Adapter JavaScript Test</title>

  <link rel="stylesheet" type="text/css" href="../libs/css/qunit-1.11.0.css" />

</head>

<body>

  <div id="qunit"></div>

  <div id="qunit-fixture"></div>

  <script type="text/javascript" src="../libs/js/qunit-1.11.0.js"></script>

  <script type="text/javascript" src="../libs/js/cordova-2.5.0.js"></script>

  <script type="text/javascript" src="../medicalDevicePlugin.js"></script>

  <script type="text/javascript" src="demo.js"></script>

  <script src="test.js"></script>

</body>

</html>

For example the following Test shows that the window application for the Bluetooth mobile device is undefined. For this test I am using Qunit. So a test has been written for this:

test( "a basic test example", function() {

  var value = "hello";

  equal( value, "hello", "We expect value to be hello" );



    if(typeof app == "undefined")

    {

    var testAppp = "undefined";

    equal( testAppp, "undefined", "undefined" );

    }else if(typeof app != "undefined")

    {

    var testAppp = "defined";

    equal( testAppp, "undefined", "undefined" );

    }

  

});