un peut de css et debug reservations
remi.biette
6 years ago
parent
9b671fa476
commit
86b329840a
@ -1,49 +1,91 @@
|
|||||||
*{
|
*{
|
||||||
font-family: "Arial";
|
font-family: "Arial";
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.centrage {
|
body{
|
||||||
text-align: center;
|
background-attachment: fixed;
|
||||||
font-size: 20px;
|
background-image:url("../ressources/image/background.jpg");
|
||||||
|
background-size: cover;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
flex-direction: column;
|
||||||
}
|
}
|
||||||
|
|
||||||
.global {
|
#container{
|
||||||
|
margin-top: 3em;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1{
|
||||||
|
font-size: 2em;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.villeSelect, .villeText{
|
||||||
|
box-sizing: border-box;
|
||||||
|
margin-bottom: 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
br {
|
.villeText{
|
||||||
line-height: 50px;
|
width: 20%;
|
||||||
}
|
}
|
||||||
|
|
||||||
body {
|
.villeSelect{
|
||||||
color: black;
|
margin-bottom: 0.7em;
|
||||||
background-color: white;
|
margin-left: 2%;
|
||||||
background-image: url("../ressources/image/background.jpg");
|
width: 33%;
|
||||||
background-repeat: no-repeat;
|
}
|
||||||
background-size: 104%;
|
|
||||||
margin: 0;
|
#submit{
|
||||||
|
margin-top: 1em;
|
||||||
|
margin-left: 50%;
|
||||||
|
transform: translate(-50%);
|
||||||
}
|
}
|
||||||
|
|
||||||
#container {
|
#formulaire{
|
||||||
margin: 5% 15% 2% 15%;
|
|
||||||
background-color: white;
|
background-color: white;
|
||||||
border: 2px solid black;
|
border-radius: 10px;
|
||||||
|
padding: 4em;
|
||||||
|
width: 40%;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.form{
|
||||||
text-align: center;
|
box-sizing: border-box;
|
||||||
font-size: 250%;
|
width: 55%;
|
||||||
|
margin-bottom: 0.7em;
|
||||||
}
|
}
|
||||||
|
|
||||||
#form {
|
.button{
|
||||||
text-align: center;
|
cursor: pointer;
|
||||||
|
font-weight: bold;
|
||||||
|
padding: 8px;
|
||||||
|
color: white;
|
||||||
|
background-color: rgb(65, 154, 28);
|
||||||
|
border-radius: 5em;
|
||||||
|
border: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
.line{
|
||||||
|
display: flex;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
flex-direction: row;
|
||||||
|
justify-content: left;
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.error{
|
.error{
|
||||||
|
margin-top: 1em;
|
||||||
color: red;
|
color: red;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.label{
|
||||||
|
box-sizing: border-box;
|
||||||
|
font-size: 1.1em;
|
||||||
|
width: 45%;
|
||||||
|
min-width: 8em;
|
||||||
|
}
|
||||||
|
|||||||
@ -0,0 +1,25 @@
|
|||||||
|
$(document).ready(function () {
|
||||||
|
//copy options
|
||||||
|
let options = $('#villeDepart option').clone();
|
||||||
|
//react on keyup in textbox
|
||||||
|
$('#villeDepartText').keyup(function () {
|
||||||
|
let val = $(this).val().toString().toLowerCase();
|
||||||
|
$('#villeDepart').empty();
|
||||||
|
//take only the options containing your filter text or all if empty
|
||||||
|
options.filter(function (idx, el) {
|
||||||
|
return val === '' || $(el).text().toLowerCase().indexOf(val) >= 0;
|
||||||
|
}).appendTo('#villeDepart');//add it to list
|
||||||
|
});
|
||||||
|
|
||||||
|
//copy options
|
||||||
|
let optionsArrive = $('#villeArrive option').clone();
|
||||||
|
//react on keyup in textbox
|
||||||
|
$('#villeArriveText').keyup(function () {
|
||||||
|
let val = $(this).val().toString().toLowerCase();
|
||||||
|
$('#villeArrive').empty();
|
||||||
|
//take only the options containing your filter text or all if empty
|
||||||
|
optionsArrive.filter(function (idx, el) {
|
||||||
|
return val === '' || $(el).text().toLowerCase().indexOf(val) >= 0;
|
||||||
|
}).appendTo('#villeArrive');//add it to list
|
||||||
|
});
|
||||||
|
});
|
||||||
Loading…
Reference in New Issue