This commit is contained in:
ltcptgeneral 2018-11-28 11:12:53 -06:00
commit ae69eb7a40
3 changed files with 112 additions and 0 deletions

28
website/index.html Normal file
View File

@ -0,0 +1,28 @@
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.3.1.min.js"></script>
<script src="scripts.js" charset="utf-8"></script>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css?family=Ubuntu:300" rel="stylesheet">
<title>TitanScout- New Form </title>
</head>
<body>
<h1>TitanScout- New Form </h1>
<div id="formMain">
<div id="expBar">
<div class="formNavi">
<input type="text" name="" value="Page 1">
</div>
<div class="formNavi" id="add">+</div>
</div>
<div id="OptionBar">
<div id="newQ">New Question</div>
<div id="RemPage">Remove Page</div>
</div>
<input type="button" name="" value="Save" id="svb">
</div>
</body>
</html>

28
website/scripts.js Normal file
View File

@ -0,0 +1,28 @@
var currentPageNum=0;
var contentArray=[];
$(document).ready(function(){
$("#add").click(function(){
var x = $('.formNavi').length;
$("#add").before("<div class='formNavi'><input type='text' name='' value='Page "+x+"'></div>");
$("#add").text="+";
contentArray.push([]);
currentPageNum=x-1;
});
});
$(document).ready(function(){
$("#RemPage").click(function(){
if($(".formNavi").length>1){
$(".formNavi:nth-child("+(currentPageNum+1)+")").remove();
$("#add").text="+";
contentArray.splice(currentPageNum,1);
currentPageNum--;
}
});
});
$(document).ready(function(){
$("#newQ").click(function(){
$("#svb").before("<div class ='question'>");
$("#add").text="+";
});
});

56
website/style.css Normal file
View File

@ -0,0 +1,56 @@
body{
background-color: DodgerBlue ;
color: AliceBlue;
font-family: 'Ubuntu', sans-serif;
}
h1{
text-align: center;
}
div{
border: 2px solid AliceBlue;
margin: 5px;
}
#expBar{
width: auto;
padding: 5px 0;
}
.formNavi{
background-color: inherit;
width: auto;
display: inline;
border-radius: 5px;
}
input{
color: AliceBlue;
background-color: DodgerBlue;
width: auto;
border: none;
font-family: inherit;
}
#add{
padding: 0;
}
#svb{
border: 2px solid AliceBlue;
border-radius: 5px;
margin: 5px
position: relative;
left: 50%;
}
#newQ{
width: 140px;
text-align: center;
display: inline;
margin-right: 20px;
}
#RemPage{
width: 140px;
text-align: center;
display: inline;
margin-left: 20px;
}
#OptionBar{
width: auto;
text-align: center;
border: none;
}