comparison js/core.js @ 2645:130ae66c3b25

First work on #9. Using showdown-js (https://github.com/showdownjs/showdown)

         this.popup.style.left = (window.innerWidth / 2) - 250 + 'px';
         this.popup.style.top = (window.innerHeight / 2) - 125 + 'px';
 
         this.popupContent = document.getElementById('popupContent');
 
-        this.popupTitle = document.getElementById('popupTitle');
+        this.popupTitle = document.getElementById('popupTitleHolder');
 
         this.popupResponse = document.getElementById('popupResponse');
 
         this.buttonProceed = document.getElementById('popup-proceed');
         this.buttonProceed.onclick = function () {

         }
     };
 
     this.postNode = function () {
         // This will take the node from the popupOptions and display it
-        var node = this.popupOptions[this.currentIndex];
+        var node = this.popupOptions[this.currentIndex],
+            converter = new showdown.Converter();
         this.popupResponse.innerHTML = "";
-        this.popupTitle.textContent = node.specification.statement;
+        this.popupTitle = converter.makeHtml(node.specification.statement);
         if (node.specification.type == 'question') {
             var textArea = document.createElement('textarea');
             switch (node.specification.boxsize) {
                 case 'small':
                     textArea.cols = "20";

         this.currentIndex++;
         if (this.currentIndex < this.popupOptions.length) {
             this.postNode();
         } else {
             // Reached the end of the popupOptions
-            this.popupTitle.textContent = "";
+            this.popupTitle.innerHTML = "";
             this.popupResponse.innerHTML = "";
             this.hidePopup();
             for (var node of this.popupOptions) {
                 this.store.postResult(node);
             }