use of dojo dom modules, updated test project

Author: RoelandSalij

src/HTMLSnippet/widget/HTMLSnippet.js

@@ -1,17 +1,19 @@
-/*jslint white: true nomen: true plusplus: true */
+/*jslint white: true, nomen: true, plusplus: true */
 /*global mx, mxui, mendix, dojo, require, console, define, module */
 
 require([
 	'dojo/_base/declare', 'mxui/widget/_WidgetBase',
-	'mxui/dom', 'dojo/query', 'dojo/dom-prop', 'dojo/dom-style',
-	'dojo/dom-attr'
-], function (declare, _WidgetBase, dom, domQuery, domProp, domStyle, domAttr) {
+	'mxui/dom', 'dojo/dom-style', 'dojo/dom-attr', 'dojo/html'
+], function (declare, _WidgetBase, dom, domStyle, domAttr, html) {
 
 	'use strict';
 
 	// Declare widget.
 	return declare('HTMLSnippet.widget.HTMLSnippet', [_WidgetBase], {
 
+		constructor: function () {
+		},
+		
 		// dijit._WidgetBase.postCreate is called after constructing the widget. Implement to do extra setup work.
 		postCreate: function () {
 			console.log(this.id + '.postCreate');
@@ -25,13 +27,13 @@ require([
 					});
 
 					domAttr.set(this.domNode, 'style', this.style); //might override height and width
-					this.domNode.innerHTML = this.contents;
+					html.set(this.domNode, this.contents);
 					break;
 				case 'js':
 					try {
 						eval(this.contents);
 					} catch (e) {
-						dojo.html.set(this.domNode, "Error while evaluating JavaScript: " + e);
+						html.set(this.domNode, "Error while evaluating JavaScript: " + e);
 					}
 					break;
 			}