Load jscolor only if the browser doesn't support <input type='color'>

client-data/board.html

@@ -33,7 +33,7 @@
 
 		<h3>Configuration</h3>
 		<label for="chooseColor">Color:</label>
-		<input type="color" class="color {hash:true}" id="chooseColor" value="black" />
+		<input type="color" id="chooseColor" value="#000" />
 		<br/>
 		<label for="chooseSize">Size:</label>
 		<input type="range" id="chooseSize" value="10" min="1" max="50" step="1" />

client-data/js/board.js

@@ -252,7 +252,14 @@ Tools.positionElement = function (elem, x, y) {
 
 (function color (){
 	var chooser = document.getElementById("chooseColor");
-
+	if (chooser.type == "text") {
+		//The browser doesn't support <input type='color'>, use jsColor instead
+		new jscolor.color(chooser, {
+			"required" : false,
+			"adjust" : false,
+			"hash" : true,
+		});
+	}
 	Tools.getColor = function(){
 		return chooser.value;
 	};