xxxxxxxxxx
1
<div id="gorp" class="row">
2
<div id="edukia" class="col"><h1>KUDEATU: Agenda</h1><button type="button" class="btn btn-primary" data-toggle="modal" data-target="#argitara">Hitzordu berri bat</button>
3
<div class="modal wow fade modalargi" id="argitara" tabindex="-1" role="dialog" aria-labelledby="argitara" aria-hidden="true">
4
<div class="modal-dialog modal-lg" role="document">
5
<div class="modal-content">
6
<!--Header-->
7
<div class="modal-header">
8
<p class="heading lead"><i class="far fa-calendar-alt mb-3 mr-2 animated rotateIn"></i> Hitzordu berri bat</p>
9
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
10
<span aria-hidden="true">×</span>
11
</button>
12
</div>
13
<!--Body-->
14
<form class="modal-body form" action="https://if-matxikote.eus/txoko/agenda" method="post" enctype="multipart/form-data">
15
<div class="form-row">
16
<div class="md-form col-12 col-md-8">
17
<input placeholder="Eguna" type="text" id="hasdata" class="form-control datepicker" required name="hasidata" data-toggle="tooltip" data-placement="top" title="Eguna | Hasiera eguna" value="2019-10-15">
18
<!-- <label for="hasdata"></label> -->
19
</div>
20
<div class="md-form col-12 col-md-4">
21
<input placeholder="Ordua" type="text" id="input_starttime" class="form-control timepicker" name="ordua">
22
</div>
23
24
<div class="md-form col-12 col-md-8">
25
<input placeholder="Amaiera eguna" type="text" id="amaidata" class="form-control datepicker" name="amaidata" data-toggle="tooltip" data-placement="top" title="Amaiera eguna (ezberdina izanez gero, ekimenak egun bat baino gehiago iraunez gero)" >
26
<!-- <label for="amaidata"> <i class="fas fa-question-circle text-light" data-toggle="tooltip" data-placement="top" title=""></i></label> -->
27
</div>
28
<div class="md-form col-12 col-md-4">
29
<input placeholder="Ordua" type="text" id="input_starttime2" class="form-control timepicker" name="amaiordua">
30
</div>
31
</div>
32
33
34
35
<div class="justify-content-center mt-4 form-oina">
36
<button type="submit" class="btn btn-primary waves-effect waves-light" name="agenda">Gorde <i class="fa fa-paper-plane ml-1"></i>
37
</button>
38
<button type="button" class="btn btn-outline-primary waves-effect" data-dismiss="modal">Utzi</button>
39
</div>
40
41
</form>
42
43
</div>
44
</div>
45
</div>
xxxxxxxxxx
1
.background-cover{background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover}.degrado-xuri-transp{background:linear-gradient(to bottom, #fff 0, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)}*.gorde,select.browser-default.gorde{display:none!important}*.ager{display:block!important}*.klikager{display:none;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}html{background-repeat:no-repeat;background-position:center;background-attachment:fixed;background-size:cover;background-image:url("irudik/atzekaldea.jpg");min-height:100% !important;height:100% !important;min-width:100% !important}body{min-height:100% !important;background-color:rgba(255,255,255,0.95)}body.off{background-color:rgba(0,0,0,0.4)}body,#gorporo{min-height:100% !important;width:100% !important;padding:0}.row{margin:0}.taula-izena{margin:50px 0 30px 0}.btn-default{background-color:#132739 !important;color:#fff!important;border-radius:10px}.btn-default:hover{background-color:#ffd316 !important;color:#FFF !important}.white-skin .btn-primary,.btn-primary{background-color:#132739 !important;color:#FFF!important}.white-skin .btn-primary:hover,.btn-primary:hover{background-color:#ffd316 !important;color:#132739 !important}.white-skin .btn-primary.close:hover,.btn-primary.close:hover{background-color:transparent}.kasu,p.kasu,.kasu2,p.kasu2{color:#a6442e;background-color:rgba(255,255,255,0.9);border:1px solid #f2c641;margin-top:1rem !important;margin-bottom:1rem !important;padding:15px !important;border-radius:10px}.kasu2,p.kasu2{color:#60bf34;border:1px solid #60bf34}#buruhuts{text-align:center;margin:50px 0}@media only screen and (max-width: 575px), only screen and (max-width: 767px) and (orientation: landscape){#buruhuts{margin:10px 0}}#buru{width:100%;background-color:#FFF;padding:5px;position:fixed;top:0;height:50px}form.harrera{background-color:#FFF;border-radius:10px;box-shadow:2px 2px 15px rgba(0,0,0,0.5);padding:20px;margin-top:100px !important;max-width:600px}@media only screen and (max-width: 767px) and (orientation: portrait), only screen and (max-width: 1024px) and (orientation: landscape){form.harrera{margin-top:5px !important;margin-bottom:100px !important;max-width:80%}}form.harrera .form-buru{padding:20px 0;margin-bottom:15px;text-align:center}form.harrera .form-buru h1{margin-bottom:20px}form.harrera .form-buru h1 img{max-width:80%;-webkit-filter:grayscale(100%);filter:grayscale(100%)}form.harrera fieldset{margin-top:5px;margin-bottom:0 !important;padding:0}form.harrera fieldset+fieldset{margin-top:0}form.harrera .modal-body{padding:0}form.harrera select.custom-select{font-family:Roboto,sans-serif;height:calc(3.25rem);border:0;border-bottom:1px solid #ced4da}form.harrera select.custom-select:focus{outline:none !important}#hizk{text-align:center}#hizk.hizk-eskuin{text-align:right !important}#hizk>a{color:#AAA;display:inline-block;min-width:30px!important;padding:5px;text-align:center}#hizk>a:hover,#hizk>a.b{border-bottom:1px solid #AAA}#hizk>a+a{margin-left:5px!important}#hizk>a+span{padding:5px;border-radius:10px;margin-left:10px!important}header,main,footer{padding-left:240px}@media only screen and (max-width: 991px) and (orientation: portrait){header,main,footer{padding-left:0}}#slide-out{background-color:rgba(255,255,255,0.6);background:linear-gradient(to bottom, #fff 0, rgba(255,255,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#00ffffff', GradientType=0)}#slide-out #logo{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:100%;margin:auto}.double-nav .button-collapse{display:block;position:relative;font-size:1.4rem;margin-right:10px;margin-left:10px}.dropdown-item.active,.dropdown-item:active{color:#fff!important}#gorporo{height:auto!important;padding:80px 20px 150px 20px}#gorporo .modal-content{margin-bottom:80px}#gorporo form{margin-top:0px !important}#gorporo form .form-oina{text-align:center}#gorporo form .document-full,#gorporo form .ql-editor{min-height:300px}#gorporo #argitara div.tooltip{z-index:4000 !important}#gorporo table{background-color:rgba(255,255,255,0.93);max-width:calc(100%) !important;overflow-x:scroll}#gorporo table.klikagertabl{display:none}#gorporo table thead td.ikon{text-align:center}#gorporo table tr.klikagertr{display:none}#gorporo table td.bot{padding:.4rem}#gorporo table td.bot a.btn{padding:.5rem .5rem!important}#gorporo table td a{margin-right:0!important}#gorporo table td a+a{margin-left:.5rem !important}#gorporo table td.taul-ikon,#gorporo table td.bot,#gorporo table td.ikon{text-align:center}#gorporo table td.switch{padding:.7rem}#gorporo table .switch label input[type=checkbox]:checked+.lever{background-color:#f2c641}#gorporo table .switch label input[type=checkbox]:checked+.lever:after{background-color:#d97f30;left:1.5rem}ul.vertical{border-bottom:0!important}ul.opzio li:hover{cursor:pointer}ul.opzio li:hover a,ul.opzio li a:hover{color:#FFF !important}#oina{position:fixed;font-size:.8em;width:100%;bottom:0;padding:1em;color:#87b7f6;background-color:#0a141d;z-index:5000;text-align:center}@media only screen and (max-width: 767px) and (orientation: portrait), only screen and (max-width: 1024px) and (orientation: landscape){#oina{font-size:.7em}}#oina p{margin:0}#oina p a{text-decoration:none;padding-bottom:5px}#oina p a:link,#oina p a:visited{color:#FFF}#oina p a:hover,#oina p a:active{color:#FFF;border-bottom:1px dotted #241805}
xxxxxxxxxx
1
// DOM Ready
2
$(document).ready(function(){
3
$('#input_starttime, #input_starttime2').pickatime({});
4
$('.datepicker').pickadate({
5
format: 'yyyy-mm-dd',
6
formatSubmit: 'yyyy/mm/dd'
7
});
8
$('.modalargi').modal({show:false});
9
});
Console errors: 0