diff --git a/README.md b/README.md
index d6c08f6..8dd0bff 100755
--- a/README.md
+++ b/README.md
@@ -18,9 +18,9 @@ See dockerFile and associated scripts to understand what is needed.
 
 To test an image of bots arena with docker:
 
-  make
-  docker build .
-  docker run --name hey -p 127.0.0.1:8080:80 DockerImageId
+    make
+    docker build .
+    docker run --name hey -p 127.0.0.1:8080:80 DockerImageId
 
 For nginx Rewrite rules in server directive are:
 
diff --git a/html/testBotScripts/tron.html b/html/testBotScripts/tron.html
index 23308d2..52d3a66 100755
--- a/html/testBotScripts/tron.html
+++ b/html/testBotScripts/tron.html
@@ -42,6 +42,17 @@ function createElem(type,attributes){
     {elem.setAttribute(i,attributes[i]);}
     return elem;
 }
+
+function makeid(){
+    var text = "";
+    var possible = "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789";
+
+    for( var i=0; i < 5; i++ )
+        text += possible.charAt(Math.floor(Math.random() * possible.length));
+
+    return text;
+}
+
 function changeRandom(index,newValue){
   if (newValue == "random" ){
     document.getElementById("posX" + index).className = "hidden";
@@ -52,11 +63,68 @@ function changeRandom(index,newValue){
   }
 
 }
+
 function changeTypePlayer(index,newValue){
   if (newValue == "Human") document.getElementById("botUrl" + index).className = "hidden";
   else document.getElementById("botUrl" + index).className = "";
 
 }
+
+function createElemWithLabel(type,attributes,labelTxt, id =''){
+  /*
+  * return an em element containing label and data like this:
+  * <em id='kjhjk'>
+  *	<label for="plop"> the text of blah blah </label>
+  *	<input type='someType' value='kjhjlkh' id='plop'/>
+  * </em>
+  */
+
+ if( id == ''){
+  var em = createElem ('em',{});
+ }else{
+  var em = createElem ('em',{'id':id});
+ }
+ 
+ if (typeof attributes['id'] !== 'undefined') {
+    var forId = attributes['id'];
+ }else{
+    var forId = makeid();
+ }
+ var label = createElem('label',{'for' : forId});
+ em.appendChild(label);
+ var elem = createElem(type,attributes);
+ if (typeof attributes['id'] !== 'undefined') {
+  em.setAttribute('id',forId);
+ }
+ em.appendChild(elem);
+ return em;
+
+}
+function createLineSelect(labelTxt,arrayOptions,attributes){
+  //attributes are the select 's attributes, not his container
+  var em = createElem('em',{});
+  if (typeof attributes['id'] !== 'undefined') {
+    var forId = attributes['id'];
+  }else{
+    var forId = makeid();
+  }
+  var label = createElem('label',{'for':forId});
+  label.innerHTML = labelTxt;
+  em.appendChild(label);
+  
+  var select = createElem('select',attributes);
+  if (typeof attributes['id'] !== 'undefined') {
+    select.setAttribute('id',forId);
+  }
+  
+  for(var i=0; i < arrayOptions.length; i++){
+    var option = createElem('option',{'value':arrayOptions[i]['value']});
+    
+  
+  }
+
+  return em;
+}
 function createPlayerForm(index){
   var container = document.getElementById("playersSettings");
   var divForm = createElem("div", {"id": "containerPlayer" + index,"class":"playerBox" } );