diff --git a/html/style.css b/html/style.css
index 7d0ef87..2e85991 100755
--- a/html/style.css
+++ b/html/style.css
@@ -99,8 +99,7 @@ form label {
margin-right: 20px;
vertical-align: top;
text-align: right;
-
- }
+}
pre{
font-style: normal;
font-size: 16px;
@@ -116,5 +115,4 @@ pre{
.hidden{display:none;}
@media screen and (max-width: 800px){
aside, article{display: block; width: 100%; border-right:none;}
-
}
diff --git a/html/testBotScripts/tron.html b/html/testBotScripts/tron.html
index c5d0f2d..ceeaf31 100755
--- a/html/testBotScripts/tron.html
+++ b/html/testBotScripts/tron.html
@@ -24,14 +24,10 @@ footer a {margin:0px 15px 0px 15px; color: #666;text-decoration: none; font-weig
section{margin: 0 auto; width: 90%;}
article{float: right; width:70%;}
aside{float:left;width:29%;}
-.playerBox{}
-.playerBox em {width: 100%;}
-.playerBox em label { width: 40%; text-align: right;}
-.playerBox em input,.playerBox em input, .playerBox em select {width:59%; float:right;}
-
-
-
-
+.playerBox{ }
+.playerBox em {display: block; width: 100%;}
+.playerBox em label {text-overflow: hidden; display: inline-block; width: 30%; margin-right: 20px; vertical-align: top; text-align: right;}
+.playerBox em input, .playerBox em select {box-sizing: border-box; width: 59%; padding: 4px; vertical-align: top; }
.hidden{display: none;}
#logs{font-size: 70%;}
@@ -63,13 +59,12 @@ function changeRandom(index,newValue){
document.getElementById("posX" + index).className = "";
document.getElementById("posY" + index).className = "";
}
-
}
function changeTypePlayer(index,newValue){
- if (newValue == "Human") document.getElementById("botUrl" + index).className = "hidden";
- else document.getElementById("botUrl" + index).className = "";
-
+ alert("botUrl" + index);
+ if (newValue == "Human") document.getElementById("botUrl" + index).class = "hidden";
+ else document.getElementById("botUrl" + index).class = "";
}
function createElemWithLabel(type,attributes,labelTxt, id =''){
@@ -147,10 +142,11 @@ function createPlayerForm(index){
createElemWithLabel(
'input',
{
- "id":"botUrl" + index, "type": "text", "value":"",
+ "type": "text", "value":"",
"placeholder":"http://Bot.url"
},
- 'URL du Bot'
+ 'URL du Bot',
+ 'botUrl' + index
)
);
@@ -180,7 +176,14 @@ function createPlayerForm(index){
'Y coord:'
)
);
-
+ var but = createElem('input',
+ {
+ 'type':'button',
+ 'value':'Add this player',
+ 'onclick':'createPlayerForm(\'' + (parseFloat(index) + 1) + '\');'
+ }
+ );
+ divForm.appendChild(but);
container.appendChild(divForm);
}