Mini Shell
<?php
require("Ayarlar/Baglantim.php"); ?>
<!doctype html>
<html lang="tr">
<head>
<?php require("Tablolar/Tasarim.php"); ?>
<title><?= $ayar["siteadi"] ?> - <?= $ayar["siteslogan"] ?></title>
</head>
<body class="bg-theme bg-theme2">
<!--wrapper-->
<div class="wrapper">
<div class="section-authentication-signin d-flex align-items-center justify-content-center my-5 my-lg-0">
<div class="container-fluid">
<div class="row row-cols-1 row-cols-lg-2 row-cols-xl-3">
<div class="col mx-auto">
<div class="card bg-gradient">
<div class="card-body">
<div class="border p-4 rounded">
<div class="mb-4 text-center">
<img src="Resimler/almila.png" width="250" alt="" />
</div>
<div class="form-body">
<form id="Giris" action="javascript:void(0);" class="row g-3">
<div class="col-12">
<label for="inputEmailAddress" class="form-label">Kullanıcı Adı</label>
<input type="text" class="form-control" id="inputEmailAddress" placeholder="Kullanıcı Adınızı Giriniz" name="kullaniciadi">
</div>
<div class="col-12">
<label for="inputChoosePassword" class="form-label">Şifre</label>
<div class="input-group" id="show_hide_password">
<input type="password" class="form-control border-end-0" id="inputChoosePassword" value="" placeholder="Şifrenizi Giriniz" name="sifre"> <a href="javascript:;" class="input-group-text bg-transparent"><i class='bx bx-hide'></i></a>
</div>
</div>
<div class="col-md-12 text-end"> <a href="SifremiUnuttum.php">Şifremi Unuttum</a>
</div>
<div class="col-12">
<div class="d-grid">
<input type="hidden" class="form-control" name="loginol">
<button type="submit" class="btn btn-success"><i class="bx bxs-lock-open"></i>Giriş Yap</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!--end row-->
</div>
</div>
</div>
<!--end wrapper-->
<div hidden="hidden" id="sonuc"></div>
<!-- Bootstrap JS -->
<script src="Tasarim/js/bootstrap.bundle.min.js"></script>
<!--plugins-->
<script src="Tasarim/js/jquery.min.js"></script>
<script src="Tasarim/js/sweetalert.min.js"></script>
<script>
$(document).ready(function () {
$("#show_hide_password a").on('click', function (event) {
event.preventDefault();
if ($('#show_hide_password input').attr("type") == "text") {
$('#show_hide_password input').attr('type', 'password');
$('#show_hide_password i').addClass("bx-hide");
$('#show_hide_password i').removeClass("bx-show");
} else if ($('#show_hide_password input').attr("type") == "password") {
$('#show_hide_password input').attr('type', 'text');
$('#show_hide_password i').removeClass("bx-hide");
$('#show_hide_password i').addClass("bx-show");
}
});
});
</script>
<script>
$(document).ready(function(){
$('#Giris').submit(function(e) {
$.ajax({ // Ajax metodu
type: "POST", // Gönderim Methodu POST (GET'de seçilebilir)
url: "Islem/Giris.php", // POST işleminin olacağı sayfa
data: $("#Giris").serialize(), // Formdaki tüm verileri al
success: function(oldu){ // Eğer işlem başarılı olursa sonuç
$('#sonuc').html(oldu); // Id'si result olan divde sonucu yaz
}
});
})
});
</script>
</body>
</html>