Mini Shell
<style>
.city {
float: center;
margin-left:25%;
padding: 10px;
max-width: 500px;
}
</style>
<script type="text/javascript">
function funlogin()
{
var cn1=document.getElementById("user").value;
var cn2=document.getElementById("pass").value;
//alert(cn);
if(cn1=='')
{
alert("User Name Missing !");
document.getElementById("user").focus();
}
if(cn1!='')
{
if(cn2=='')
{
alert("Password Missing !");
document.getElementById("pass").focus();
}
if(cn2!='')
{
var xml;
xml=new XMLHttpRequest();
xml.onreadystatechange=function()
{
if(xml.readyState==4 && xml.status==200)
{
document.getElementById("login_passcheck_divid").innerHTML=xml.responseText;
}
}
xml.open("GET","login_check.php?user="+cn1+"&pass="+cn2,true);
xml.send();
} }
}
</script>
<?php session_start(); ?>
<?php session_destroy(); ?>
<div id="login_id">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Login Page</title>
<meta name="msapplication-TileColor" content="#5bc0de" />
<meta name="msapplication-TileImage" content="assets/img/metis-tile.png" />
<!-- Bootstrap -->
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.0/animate.min.css">
<!-- Metis core stylesheet -->
<link rel="stylesheet" href="assets/css/main.min.css">
</head>
<body class="login">
<div class="form-signin">
<div class="text-center">
<img src="assets/img/logo.png" alt="Metis Logo">
</div>
<hr>
<div class="tab-content">
<div id="login" class="tab-pane active">
<div id="login_passcheck_divid"></div>
<form role="form" action="#" method="post">
<div class="form-group">
<label for="usrname"><span class=""></span> Username</label>
<input type="text" class="form-control" id="user" name="user" placeholder="Enter Username" required autofocus onKeyDown="if(event.keyCode==13) funlogin();">
</div>
<div class="form-group">
<label for="psw"><span class=""></span> Password</label>
<input type="password" class="form-control" id="pass" name="pass" placeholder="Enter Password" required onKeyDown="if(event.keyCode==13) funlogin();">
</div>
<button type="button" onclick="funlogin();" class="btn btn-success btn-block" onKeyDown="if(event.keyCode==13) funlogin();"><span class=""></span> Login</button>
</form>
</div>
</div>
<hr>
</div>
</body>
</html>
</div>
<!--jQuery -->
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<!--Bootstrap -->
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script type="text/javascript">
(function($) {
$(document).ready(function() {
$('.list-inline li > a').click(function() {
var activeForm = $(this).attr('href') + ' > form';
//console.log(activeForm);
$(activeForm).addClass('animated fadeIn');
//set timer to 1 seconds, after that, unload the animate animation
setTimeout(function() {
$(activeForm).removeClass('animated fadeIn');
}, 1000);
});
});
})(jQuery);
</script>
Zerion Mini Shell 1.0