Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <title>Imam Nur Setyo</title>
- <!--Bootstrap-->
- <link href="./assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
- <!--CSS-->
- <link href="./assets/css/login.css" rel="stylesheet">
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- <script type="text/javascript">
- $(document).ready(function(){
- $(".loader").hide();
- $("#report").show();
- $("#submit").click(function(event){
- $("#report").hide();
- $(".loader").show();
- $.ajax({
- type:"POST", url:'do-login.php',
- data:{ get:'login', username:$('#user').val(),password:$('#pass').val() },
- success:function(data){
- $("#report").show();
- $('#report').html(data);
- $(".loader").hide()}
- })
- })
- });
- </script>
- </head>
- <body>
- <div class="container">
- <nav class="navbar navbar-inverse">
- <div class="container-fluid">
- <div class="navbar-header">
- <a class="navbar-brand" href="#">Website</a>
- </div>
- <ul class="nav navbar-nav">
- <li class="active"><a href="#">Home</a></li>
- <li><a href="#">Page 1</a></li>
- <li><a href="#">Page 2</a></li>
- <li><a href="#">Page 3</a></li>
- </ul>
- <ul class="nav navbar-nav navbar-right">
- <li><a href="#"><span class="glyphicon glyphicon-user"></span> Sign Up</a></li>
- <li><a href="#" data-toggle="modal" data-target="#dialoglogin"><span class="glyphicon glyphicon-log-in"></span> Login</a>
- <div id="dialoglogin" class="modal fade" role="dialog">
- <div class="modal-dialog">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal">×</button>
- <h4 class="modal-title">Menu Login</h4>
- </div>
- <div class="modal-body">
- <div id="report"><img src="" class="loader"></div>
- <div class="form-group">
- <label for="usr">E-mail atau Username:</label>
- <input class="form-control" type="text" id="user" />
- </div>
- <div class="form-group">
- <label for="pwd">Password:</label>
- <input class="form-control" type="password" id="pass" />
- </div>
- <div class="checkbox">
- <label><input type="checkbox"> Remember me</label>
- </div>
- </div>
- <div class="modal-footer">
- <label> </label>
- <input class="btn btn-default" type="button" name="daftar" value="Daftar">
- <label>atau</label>
- <input class="btn btn-default" type="submit" id="submit" value="Masuk">
- </div>
- </div>
- </div>
- </div>
- </li>
- </ul>
- </div>
- </nav>
- </div>
- <!-- jQuery online menggunakan CDN -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
- <!-- jQuery lokal -->
- <script src="./assets/jquery/jquery-3.1.1.min.js"></script>
- <script src="./assets/bootstrap/js/bootstrap.min.js"></script>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement