gnieark/botsArena
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CSS on players bots

Browse Source 
To do next: condtionals show hide elems
This commit is contained in:
Gnieark 2017-02-09 19:24:18 +01:00
parent aabde97ec5
commit b629a4755d
2 changed files with 19 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
html/style.css
View File

@ -99,7 +99,6 @@ form label {
margin-right: 20px;
vertical-align: top;
text-align: right;
}
pre{
font-style: normal;
@ -116,5 +115,4 @@ pre{
.hidden{display:none;}
@media screen and (max-width: 800px){
aside, article{display: block; width: 100%; border-right:none;}
}

31
html/testBotScripts/tron.html
View File

@ -25,13 +25,9 @@ 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 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);
}