Gulum/weddingapiPage
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

latest update

Browse Source
This commit is contained in:
Julian
2022-02-15 12:44:32 +01:00
parent d88b085e4a
commit 35b1b28178
3 changed files with 39 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
css/style.css
View File

@@ -1876,11 +1876,20 @@ form label {
opacity: 0;
}
.undertwelve > input {
.undertwelve {
text-align: center;
padding: 0px;
height: 40px;
width: 40px;
}
.undertwelve > label {
display: block;
margin-bottom: 0%;
}
.undertwelve > input {
height: 100%;
width: 30px;
height: 30px;
margin: 0px;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;

20
index.html
View File

@@ -145,26 +145,6 @@
</div>
</div>
</div>
<div style="padding-top: 20px;">
<div class="col-md-5 col-sm-6">
<div class="form-group">
<label for="firstname" class="sr-only">Vorname</label>
<input type="firstname" class="form-control js-form-input" id="firstname" placeholder="Vorname">
</div>
</div>
<div class="col-md-5 col-sm-6">
<div class="form-group">
<label for="lastname" class="sr-only">Nachname</label>
<input type="lastname" class="form-control js-form-input" id="lastname" placeholder="Nachname">
</div>
</div>
<div class="col-md-2 col-sm-2">
<div class="form-group undertwelve">
<label for="undertwelve">Unter 12 Jahre?</label>
<input class="js-undertwelve" type="checkbox" name="undertwelve" checked>
</div>
</div>
</div>
</form>
</div>
<div class="plus-button col-md-2">

30
js/main.js
View File

@@ -207,8 +207,8 @@
outerDiv.style="padding-top: 20px;";
var firstNameDiv = document.createElement("div");
firstNameDiv.classList.add('col-md-6');
firstNameDiv.classList.add('col-sm-6');
firstNameDiv.classList.add('col-md-5');
firstNameDiv.classList.add('col-sm-5');
var formGroupDiv = document.createElement("div");
formGroupDiv.classList.add('form-group');
firstNameDiv.appendChild(formGroupDiv);
@@ -236,8 +236,8 @@
var lastNameDiv = document.createElement("div");
lastNameDiv.classList.add('col-md-6');
lastNameDiv.classList.add('col-sm-6');
lastNameDiv.classList.add('col-md-5');
lastNameDiv.classList.add('col-sm-5');
var lastnameFormGroupDiv = document.createElement("div");
lastnameFormGroupDiv.classList.add('form-group');
lastNameDiv.appendChild(lastnameFormGroupDiv);
@@ -263,6 +263,28 @@
outerDiv.appendChild(lastNameDiv);
let underTwelveDiv = document.createElement("div");
underTwelveDiv.classList.add('col-md-2');
underTwelveDiv.classList.add('col-sm-2');
let underTwelveInnerDiv = document.createElement("div");
underTwelveInnerDiv.classList.add('undertwelve');
let underTwelveLabel = document.createElement("label");
underTwelveLabel.setAttribute("for","undertwelve");
underTwelveLabel.innerHTML = "Unter 12 Jahre?";
underTwelveInnerDiv.appendChild(underTwelveLabel);
let underTwelveInput = document.createElement("input");
underTwelveInput.classList.add('js-undertwelve');
underTwelveInput.setAttribute("type","checkbox");
underTwelveInput.setAttribute("name","undertwelve");
underTwelveInnerDiv.appendChild(underTwelveInput);
underTwelveDiv.appendChild(underTwelveInnerDiv);
outerDiv.appendChild(underTwelveDiv);
container.appendChild(outerDiv);
return false;